In this article, we will share techniques to minimize this content shifting. Every time the browser has to recalculate the positions and geometries of elements in the document, a reflow happens. This happens when new DOM elements are added to the page, images load or dimensions of elements change.
Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything! There are convenient wrappers for React, Angular 2, Ember, and Vue. If you would like Text Mask to be available in another framework or ecosystem, email me! Live demo See it in… continue reading
Talks on the subject of modern CSS Layout, including Grid, Flexbox and Box Alignment.
In this article I’ll share some tips and advice about HTML code. Some of this guidance will be best suited for beginners – how to properly build paragraphs, use headings, or improve forms, but we will also discuss SVG sprites for icons, a somewhat more advanced topic. Text Paragraphs Most of our writing is structured… continue reading
An in-depth look at the NaN property, and why it is considered a number type
A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?) Ther
How a little BEM and cleverness can make extensive use of EMs worth doing, and how it can up your game.
The following is a guest post by Jeremy Wagner, a web developer, author, and speaker living in the Twin Cities. He’s got a new book on web performance. Her
Many techniques for cropping image thumbnails on the front-end require explicit dimensions, which is less than ideal for responsive design.
CSS frameworks can help streamline your development process by giving you a modular base foundation. In this post, we compare Bootstrap vs Foundation.
You’ve seen $q, maybe used it but haven’t uncovered some of the awesome features $q provides such as $q.all() and $q.race(). This article dives into ES2015 Promise API and how it maps across to $q for AngularJS. This post is all about $q, enjoy!
Sample for dropdown menu when mouse over with jQuery and CSS
Writing Less Damn Code 16 Aug 2016 · Share on Twitter I’m not the most talented coder in the world. No, it’s true. So I try to write as little code as possible. The less I write, the less there is to break, justify, or maintain. I’m also lazy, so it’s all gravy. (ed: maybe… continue reading
There’s a tool in CSS that you might not have heard of yet. It’s powerful. It’s been there for a while. And it’ll likely become one of your favorite new things about CSS. Behold, the @supports rule. Also known as Feature Queries. With @supports, you can write a small test in your CSS to see… continue reading