Posts

A recap of front-end development in 2017 – gitconnected

,
Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year. Source: A recap of front-end development in 2017 – gitconnected

How to Create Simple Button Fades With CSS

,
In this video from my course on Practical Web Animation, you'll learn how to create a simple hover effect using CSS. We'll be making our navigation buttons more interesting by animating the background and text colors on hover. You'll also learn…

Atomic Design

,
As the craft of Web design continues to evolve, we’re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages. A lot has been said about creating design systems, and much of it focuses…

The Practical Guide to Becoming a Professional Web Developer — Free Code Camp

, , ,
What to learn and when in order to become a working, professional Web Developer. This article is meant to serve as a practical guide to becoming a professional web developer. I’ve spent over 20 years writing code for the web. I work with…

Improving Your CSS with Parker – CSS Wizardry

,
Parker is an absolutely fantastic, beautifully simple static analysis tool that gives you some very insightful metrics about your CSS files. Parker is built and maintained by Katie Fenn, a developer from England who has since become a friend. I…

Controlling color with Sass color functions

,
Sass comes with functions that can easily be applied to colors in your CSS properties. These functions, when used correctly, can be incredibly powerful. They take some of the sting out of choosing and manipulating colors. When used with variables,…

CSS coding techniques ★ Mozilla Hacks – the Web developer blog

,
Lately, we have seen a lot of people struggling with CSS, from beginners to seasoned developers. Some of them don’t like the way it works, and wonder if replacing CSS with a different language would be better—CSS processors emerged from…

Distorted Button Effects

,
A set of inspirational distorted button effects using SVG filters Source: Distorted Button Effects with SVG Filters