Organize your CSS declarations alphabetically
23.7.2021
Eric, again not mincin’ no words with blog post titles. This is me:
The most common CSS declaration organization technique I come across is none whatsoever.
Almost none, anyway. I tend to group them by whatever dumps out of my …
The post Organize your CSS declarations alphabetically...
Collective #671
22.7.2021
Building a breadcrumbs component * Designing for the Unexpected * Streambus * Graphlatte * Uniclode
The post Collective #671 appeared first on Codrops
Using Google Drive as a CMS
22.7.2021
We’re going to walk through the technical process of hooking into Google Drive’s API to source content on a website. We’ll examine the step-by-step implementation, as well as how to utilize server-side caching to avoid the major pitfalls to avoid …
The post Using Google Drive as a...
Hashnode: A Blogging Platform for Developers
22.7.2021
Hashnode is a free platform for developer blogging. Say you’ve just finished an ambitious project and want to write about 10 important lessons you’ve learned as a developer during it. You should definitely blog it—I love that kind of blog post, myself. Making a jump into the technical debt...
Yet Another Mobile Context Menu With No Indication it Can Scroll
21.7.2021
Remember Tyler Hall’s personal story of a UX moment where the popup sharing context menu on iOS had no visible indication that the content inside was scrollable? The thing his mom wanted to do seemed impossible iOS isn’t alone here …
The post Yet Another Mobile Context Menu With...
ECMAScript proposal: JSON modules
21.7.2021
Dr. Axel Rauschmayer looks at JSON modules, which is already live in Chrome 91 (but nothing else). It looks just like an ES Modules-style import, only you asset the type at the end.
import configData from './config-data.json' assert {type:
…
The post ECMAScript proposal: JSON modules...
A Step-By-Step Process for Turning Designs Into Code
21.7.2021
Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …
The post A Step-By-Step Process for Turning Designs Into Code...
Creating a Typography Motion Trail Effect with Three.js
21.7.2021
Learn how to use WebGL framebuffers via Three.js to create an interactive motion trail effect for text.
The post Creating a Typography Motion Trail Effect with Three.js appeared first on Codrops
The Nine States of Design
21.7.2021
Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:
Modern UI teams are designing components
…
The post The Nine States of Design appeared first...
Your Image Is Probably Not Decorative
20.7.2021
Eric doesn’t mince words, especially in the title, but also in the conclusion:
In modern web design and development, displaying an image is a highly intentional act. Alternate descriptions allow us to explain the content of the image, and in
…
The post Your Image Is Probably...
Typewriter Animation That Handles Anything You Throw at It
20.7.2021
I watched Kevin Powell’s video where he was able to recreate a nice typewriter-like animation using CSS. It’s neat and you should definitely check it out because there are bonafide CSS tricks in there. I’m sure you’ve seen other CSS …
The post Typewriter Animation That Handles Anything...
Images are hard.
19.7.2021
Putting images on websites is incredibly simple, yes? Actually, yes, it is. You use <img> and link it to a valid source in the href attribute and you’re done. Except that there are (counts fingers) 927 things you could (and …
The post Images are hard. appeared first...