How Hacker News Crushed David Walsh Blog
28.10.2020
Earlier this month, David’s heartfelt posting about leaving Mozilla made the front page of Hacker News. Traffic increased by 800% to his already-busy website, which slowed and eventually failed under the pressure. Request Metrics monitors performance and uptime for David’s blog, and our metrics...
Comparing Various Ways to Hide Things in CSS
27.10.2020
You would think that hiding content with CSS is a straightforward and solved problem, but there are multiple solutions, each one being unique.
Developers most commonly use display: none to hide the content on the page. Unfortunately, this way of hiding content isn’t bulletproof because now that...
Anima 4.0: Go Straight From Design to React in the Design Handoff
27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built.
Huh?
It might sound like a dream...
Core Web Vital Tooling
26.10.2020
I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are abstractly related. Actual web performance to users are things...
Collective #630
26.10.2020
Three.js Journey * Phosphor Icons * Understanding Modules, Import and Export in JavaScript
The post Collective #630 appeared first on Codrops
WordPress and Jamstack
26.10.2020
I recently moderated a panel at Netlify’s virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg. The whole thing was built up — at least to some — as a “Jamstack vs. WordPress” showdown.
I have lots of thoughts of my own on this...
Particles Image Animation from Mathis Biabiany’s website
26.10.2020
A coding session where you'll learn how to implement the particles effect seen on Mathis Biabiany's website.
The post Particles Image Animation from Mathis Biabiany’s website appeared first on Codrops
Detect Changed Files with git
26.10.2020
There are numerous reasons to want to know which files have been added or modified in a git repository, one of which is your text editor highlighting those files. Another use case is running tasks against only files which are presently changed, like lint or other validation routines. So how can...
Creating CSS Shapes with Emoji
24.10.2020
CSS Shapes is a standard that lets us create geometric shapes over floated elements that cause the inline contents — usually text — around those elements to wrap along the specified shapes.
Such a shaped flow of text looks good in editorial designs or designs that work with text-heavy contents...
CSS in 3D: Learning to Think in Cubes Instead of Boxes
23.10.2020
My path to learning CSS was a little unorthodox. I didn’t start as a front-end developer. I was a Java developer. In fact, my earliest recollections of CSS were picking colors for things in Visual Studio.
It wasn’t until later that I got to tackle and find my love for the front end....
UI Interactions & Animations Roundup #11
22.10.2020
A new hand-picked collection of great web motion design concepts, UI interactions and animations.
The post UI Interactions & Animations Roundup #11 appeared first on Codrops
Collective #629
22.10.2020
Hands-Free Coding * Thinking Outside the Box with CSS Grid * Responsive Height Design * SVG Favicon Maker
The post Collective #629 appeared first on Codrops