webstack
Supercharging Built-In Elements With Web Components “is” Easier Than You Think
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to creating fully custom or “autonomous” elements — like the <zo..
Weekly News for Designers № 608
Responsivize – Use this open-source desktop app to test your web designs on popular devices.
Why do people hate redesigns? – A look at the factors behind redesign backlash.
3DPop – This online tool will help you generate awesome 3D text effects using CSS.
How to Handle Losing Your Motivation as a..
Links on Performance IV
HTTP Caching is a Superpower — Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. Hugh covers it a bit (like how you’d need to be careful doing so on something like a forum, wh..
I completely ignored the front-end development scene for 6 months. It was fine.
Have you ever fretted that front-end web development moves so fast that if you stepped away for a while, you’d be lost coming back? Rachel Smith has:
The hectic pace of needing to learn one thing after the next didn’t bother me so much because when I was 26 because I was quite happy to spend much o..
If I work really hard on my Open Graph images, people will share my...
Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning it’s displayed on Twitter, Facebook, iMessage, Slack, Discord, and whatever else support..
Taking Inspiration from the Humble Shopping Cart
You see them every time you go to the supermarket. Chances are, you’ve used one recently. Shopping carts have been a matter of course for supermarkets, grocery stores, and many retail outlets for decades, but did you know that Sylvan Goldman, their inventor, struggled with some of the same problems ..
You don’t need external assets in an HTML file
A fun exercise from Terence Eden. You can send an HTML file over the wire including anything a website might need without requesting any other files. CSS and JavaScript are easy, because there are and tags. Images and fonts (and pretty much whatever other kind of asset) aren’t too h..
Accessing Your Data With Netlify Functions and React
(This is a sponsored post.)
Static site generators are popular for their speed, security, and user experience. However, sometimes your application needs data that is not available when the site is built. React is a library for building user interfaces that helps you retrieve and store dynamic data ..
What I Wish I Knew About CSS When Starting Out As A Front-Ender
Nathan Hardy shares when things “clicked”:
Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were:
• The Box Model (e.g. box-sizing, height, width, margin, padding)
• Layout (e.g. display)
• Document Flo..
7 Free Collections of Minimally Designed Logo Templates in 2021
Minimalist design became popular in recent years and shows no signs of going away any time soon. However, minimalist design can sometimes be tricky to get just right. Luckily, there are hundreds of templates created with this design trend in mind that can help you save time.
In this roundup, we’ve ..
