I like how this box animates on hover, thanks to the use of multiple box-shadow effects:
Stacked Rainbow Cards
Category Archives: Elsewhere
“Building” by Jeremy Keith
The closing Keynote at Full Stack Europe 2019 was by no-one other than Jeremy Keith. At the conference he gave a talke named “Building”, a sort of compilation of his previous talks containing his “best of” on web development. Every new medium looks to what has come before for guidance. Web design has taken cues …
Creative Coding Essentials Video Course
Tim Rodenbröker: After more than 7 months of experimentation, planning and creating i am finally abled to release a first Alpha-version of my brand new course “Creative Coding Essentials”. I have decided to open the first chunk of videos to the world, because i believe that the current Corona-crisis is a great oppurtunity to get …
GitHub acquires npm
It was suggested that Microsoft/GitHub should have bought npm back in the day, instead of launching their own registry. Today is the day they’ve actually done it: We at GitHub are honored to be part of the next chapter of npm’s story and to help npm continue to scale to meet the needs of the …
The ultimate guide to CSS Viewport Units
Ahmad Shadeed has done an extensive write-up on Viewport Units: In this article, we will learn about CSS viewport units and how to use them, along with some use-cases and solutions for common issues. Let’s start and dig in! It’s great to see that it’s an all-in-one article, covering use cases such as Viewport Unit …
Flip Counter Plugin
Flip is an advanced and beautiful flip counter plugin. Easy to use and highly flexible, you can set up a custom counter on your website in minutes. Display visitor counts, countdown to a special date or celebrate progress. Whatever you’re planning, the options are endless. Here’s a counter example <div class="tick" data-value="1234" data-did-init="setupFlip"> <div data-repeat="true" …
What is the Fugu project?
Project Fugu is an effort to close gaps in web’s capabilities vs. native platforms. APIs that Project Fugu is delivering enable new experiences on the web while preserving the web’s core benefits of security, low-friction, and cross-platform delivery. All Project Fugu API proposals are made in the open and on the standards track. The previously …
Introducing Federated Modules in Webpack 5
Want to share code dynamically between web applications but don’t want to use libraries or custom Micro-FE frameworks. Check out what’s in store for you with Webpack 5 and how federated modules will fundamentally change how you view web applications. Webpack 5 Module Federation: A game-changer in JavaScript architecture →Webpack 5 and Module Federation – …
Continue reading “Introducing Federated Modules in Webpack 5”
React: You May Not Need Controlled Form Components
To work with forms in React two approaches are to either use Controlled Components or use Uncontrolled Components (as detailed here). Swyx shares a third way of working with forms: A lower friction way to handle form inputs is to use HTML name attributes. As a bonus, your code often turns out less React specific! …
Continue reading “React: You May Not Need Controlled Form Components”
Worth It: Modern JS edition
“Worth It: Modern JS edition” is a small tool to analyze how much less JavaScript is downloaded in modern browsers as a result of it using the module/nomodule pattern. Worth It: Modern JS edition → 💡 The module/nomodule pattern is a technique to ship ES2015 modules to browsers that support, whilst also keeping older browsers …