Websites with good vertical rhythm are more aesthetically pleasing and generally feel more consistent. While understanding vertical rhythm rules is simple, maintaing it on bigger websites becomes…

Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base…

Gridsome is a Vue-powered static site generator for building CDN-ready websites and apps for any headless CMS, local files or APIs

I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.

A post about how I recreated twelve classic Blue Note album sleeves in the browser using HTML and CSS. All the layouts and typography are fluid and responsive.

curl -L install.pi-hole.net | bash

A aplicação da Gira tem tudo o que precisas para utilizar o serviço. Descarrega-a e começa a pedalar.

HTML CMS for building Ultra-Fast and Secure Static Sites for Mac, Windows and Linux users. Publii works as dynamic but generates static websites.

The Facebook container extension helps you control more of your web activity from Facebook by isolating your identity into a separate container. This makes it harder for Facebook to track your activity on other websites via third-party cookies.

Build awesome, interactive hover effects with just 9 lines of code and two CSS variables.

sketch-isometric - Generate Isometric views from Artboards and Rectangles in Sketch app.

How we automatically generate a Sketch library for designers from our living style guide, and how our design systems journey led us here.

I started my apprenticeship 2 months ago with no knowledge of Drupal, co-ops or agile development methodologies. Before this, I had been a freelancing web developer with no particular CMS…

cleave.js - Format input text content when you are typing

barba.js - Create badass, fluid and smooth transition between your website's pages.

This module provides a Twig filter which integrates the PHP Typography library and applies it to strings. An example use case is for protecting against widowed words in titles. This could be applied…

Louis Lazaris examines a few of his favorites finds of 2017 in the area of practical and interesting tools for front-end developers.

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive…

Today we’re introducing Buffer’s Salary Formula 3.0 - a fresh, remote-first approach to our salaries. See the new formula, our salaries, and the calculator.

Have a rechargeable battery that won't recharge properly? Before throwing it out, there's something you should try. Here's a 2-minute video by Lensvid that

Fast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing.

The what, why, and how to use scrollama.js for your next scrollytelling story.

Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers