Locate Empty Directories from Command Line
1.11.2022
As a software engineer that lives too much of his life on a computer, I like keeping my machine as clean as possible. I don’t keep rogue downloaded files and removes apps when I don’t need them. Part of keeping a clean, performant system is removing empty directories. To identify empty...
Unreveal Effects for Content Previews
1.11.2022
Some explorations of page transitions using covering elements and CSS clip-paths
The New CSS Media Query Range Syntax
31.10.2022
The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design.
The New CSS Media Query Range Syntax...
How to Extend Prototypes with JavaScript
31.10.2022
One of the ideological sticking points of the first JavaScript framework was was extending prototypes vs. wrapping functions. Frameworks like MooTools and Prototype extended prototypes while jQuery and other smaller frameworks did not. Each had their benefits, but ultimately all these years later...
24 Best Microsoft Word Brochure Templates for 2023
30.10.2022
Looking to create an awesome brochure for your business or project? You don’t need to use a fancy editing program like Illustrator or InDesign, you can use a program...
The post 24 Best Microsoft Word Brochure Templates for 2023 appeared first on Onextrapixel
Fancy Image Decorations: Outlines and Complex Animations
28.10.2022
We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the …
Fancy Image Decorations: Outlines...
20+ Best Pixel Perfect Fonts for 8-bit Designs for 2023
28.10.2022
Pixel fonts are going through a kind of renaissance. Despite today’s high-resolution technology, artists and designers continue to use old-school pixelated fonts that were popular in the early days...
The post 20+ Best Pixel Perfect Fonts for 8-bit Designs for 2023 appeared first on Onextrapixel
Collective #735
27.10.2022
Inspirational Website of the Week: HA-LABO A beautiful design with a lovely motif and engaging details. Our pick this week. Get inspired This content is sponsored via Paved Keep industry-wide […]
How to Use window.crypto in Node.js
27.10.2022
I’ve been writing a bunch of jest tests recently for libraries that use the underlying window.crypto methods like getRandomValues() and window.crypto.subtle key management methods. One problem I run into is that the window.crypto object isn’t available, so I need to shim it. To use...
Holographic Trading Card Effect
26.10.2022
Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards have captured our attention.
Under the hood there is a suite of filter(), background-blend-mode(), mix-blend-mode(), and clip-path() combinations that have been painstakingly tweaked to reach the desired effect....
Convert Fahrenheit to Celsius with JavaScript
26.10.2022
The United States is one of the last bodies that refuses to implement the Celsius temperature standard. Why? Because we’re arrogant and feel like we don’t need to change. With that said, if you code for users outside the US, it’s important to provide localized weather data...
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
25.10.2022
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent element from a …
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class...