The State of the Web – Karolina Szczur – Medium
A guide to impactful performance improvements
Breaking the Grid
Two ways to break CSS Grid and how to fix it
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts
Adjust the spacing between all your type elementsParagraph: Archetype lets designers like you very q...
IMS Productions
Ardian - Activity Report 2016
Ardian publishes its 2016 annual report. Discover Ardian commitments for the future and the projects which marked the year.
paroller.js
lightweight jQuery plugin that enables parallax scrolling effect on elements
Hero Zoom on Scroll
Simple zoom effect using window scroll to adjust some CSS. ...
CSS background change on scroll
Fixed element appears to change color when entering different sections. Uses duplicated elements for every section. Now with blend-mode magic for adde...
26 Cool Online Photo Editors And Image Tools To Entertain Ourselves
The best web based photo editors and image tools for all your basic design needs.
Vivify - CSS Animation Library
Make img alt visible
Forums » CSS » Make img alt visible nicolafw # March 17, 2016 at 6:17 am Hi, I want to make the img alt visible by using ::after, but it does not work. It does work for the a-tag, but I cannot make it…
So you need a CSS utility library? | CSS-Tricks
Let's define a CSS utility library as a stylesheet with many classes available to do small little on...
Lazy loading images using Intersection Observer
If you haven’t had the chance to watch it yet, Paul Lewis put together an awesome video series that ...
Download Free Vectors, Photos, Icons, Fonts and Videos - Stockio.com
Download free Vectors, Photos, Icons, Fonts and Videos and more. We're constantly expanding our content with exclusive Stockio.com files
Sketch for Designrs
A growing collection of high quality Sketch resources
Visual Email Builder Apps
I bet y'all know that apps like Campaign Monitor and MailChimp have visual email builders built right into them. You drag and drop different types of conte
Checkboxes and radio buttons customization (jQuery and Zepto) plugin
JCF Easy form elements customization
Enjoy very flexible customization capabilities of variety of form elements with JCF that works not only on desktop but also on mobile devices.
Easy CSS Page/Slide Transitions
Erm...yeah :)...
Performant Web Animations and Interactions: Achieving 60 FPS
Silky smooth interactions are critical for providing a natural-feeling application. The devil is in the details, and ill-performant web animations feel awkward, “janky”, and, above all, slow. Develope…
HTML5 UP
Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.
Connoratherton
Bloggers Guide to WordPress Security | BestVPN.org
Roughly 30,000 websites are hacked every day. Could your website become one of them? In a perfect wo...
Publii
Publii is an Open-Source CMS for building Ultra-Fast and Secure Static Websites for Mac and Windows ...
CSS4 Variables with Fallbacks Using Sass
CSS4 Variables with a FallbackAlmost a year ago, I wrote a CodePen post about CSS4 variables and Sass. Now that a handful of browsers support the CSS4 variable spec well, I figured it was worth...
Building WordPress themes using the Kirki Customizer
Building your own WordPress theme can be daunting and pretty complicated.Usually the process of building a WordPress theme follows these steps:
Expanding card page transition effect
That thing where the card expands into the background, no libraries, commented. Please note: this code is in no way ready to be used as is in product...
Useful Color Generators in SCSS
Writing color classes for your project could take a lot of your time. luckily, SCSS functions will make this easier. In this tutorial, we…
Simple Asset Helper Functions
Dealing with paths is always a bit annoying, you will concede. Fortunately, it is extremely easy with Sass to have a beautiful API to manage assets and to
Line Awesome | Icons8
A single file that replaces Font Awesome with modern line icons