Welcome to JSFeeds
hello.js
NEW !!!
Monday, 28 March, 2022 UTC
A Guide To Hover And Pointer Media Queries
The Internet is filled with a lot of interactivity, and more often than not the way we choose to show we can interact with an element is by using the hover pseudo-class. After all, changing an element a bit when you put the cursor on it ends up being ... moreFriday, 25 March, 2022 UTC
Remix Routes Demystified
Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is the hardest thing in programming, but the team nailed ... moreWednesday, 23 March, 2022 UTC
Those HTML Attributes You Never Use
In January, Madison Kanna asked her Twitter followers: What are the languages/tech you’re excited to learn or learn more deeply this year? mine: typescript, next.js, react, graphql, solidity, node — Madison Kanna (@Madisonkanna) January 3, 2022 My answer ... moreMonday, 21 March, 2022 UTC
Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties
I’m extremely excited about the upcoming Forced Colors media query. It takes the work done for Windows High Contrast mode and elevates it to an open, cross-browser standard. This means that a person will be able to use whatever browser works best for ... moreFriday, 18 March, 2022 UTC
How To Make A Drag-and-Drop File Uploader With Vue.js 3
What’s different about the file uploader we’re building in this article versus the previous one? The previous drag-and-drop file uploader was built with Vanilla JS and really focused on how to make file uploading and drag-and-drop file selection work, ... moreWednesday, 16 March, 2022 UTC
Claymorphism: Will It Stick Around?
Design trends come and go, and just a fraction sticks around longer than others. Flat design and its more popular successor, Material design, have been dominating the web UI for quite some time, featuring a minimalistic aesthetic that eliminates visual ... moreMonday, 14 March, 2022 UTC
Improving The CI/CD Flow For Your Application
Big tech companies have the ability to make thousands of releases per day. Already back in 2011, Amazon released new software once every 11.6 seconds. These companies typically have entire teams working on improving the delivery speed of their product ... moreThursday, 10 March, 2022 UTC
An Introduction To AWS Cloud Development Kit (CDK)
When you start building a cloud-based back-end system for your application, you have a choice, on the one hand, to do it manually using a graphical user interface (GUI) or the command-line interface (CLI) or, on the other hand, to do it programmatically. ... moreWednesday, 9 March, 2022 UTC
A Guide To Audio Visualization With JavaScript And GSAP (Part 2)
Last week in Part 1, I explained how the idea about how to record audio input from users and then moved on to the visualization. After all, without any visualization, any type of audio recording UI isn’t very engaging, is it? Today, we’ll be diving into ... moreWednesday, 9 March, 2022 UTC
Signals For Customizing Website User Experience
In my last article, I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. This hopefully leads to a greater experience for all users. In this article, I want to spend a bit more time ... moreThursday, 3 March, 2022 UTC
Building Web Layouts For Dual-Screen And Foldable Devices
It’s now been more than two years since the Samsung Galaxy Fold and Surface Duo were introduced to the world. Since then, the Surface Duo 2, Samsung Galaxy Z Fold 3 and Galaxy Z Flip 3 have all hit the market. Foldable devices are available to purchase, ... moreWednesday, 2 March, 2022 UTC
A Guide To Audio Visualization With JavaScript And GSAP (Part 1)
A while back I got approached by friend Kent C Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. And that was audio visualization. One feature of Kent’s ... moreMonday, 28 February, 2022 UTC
A Recipe For A Good Design System
In theory, everybody has a relatively similar concept for what a “Design System” means, though nuances start showing up as we approach the real world. The target may still be the same, but different organizations will require diverse strategies to accomplish ... moreWednesday, 23 February, 2022 UTC
Using The WordPress Editor And CPTs To Configure Plugins
WordPress 5.9 was released recently shipping with Full Site Editing (FSE), which enables using blocks to create the layout for any page in the website (as was already possible to write posts via the WordPress editor). Slowly but surely, blocks are becoming ... moreTuesday, 22 February, 2022 UTC
Smashing Podcast Episode 45 With Jeremy Wagner: What Is Responsible JavaScript?
In this episode, we’re talking about Responsible JavaScript. What does it mean for code to be responsible, and how should we approach projects differently? I spoke to expert Jeremy Wagner to find out. Show Notes Responsible JavaScript website Buy the ... moreMonday, 21 February, 2022 UTC
Testing Pipeline 101 For Frontend Testing
Picture this situation: You’re approaching a deadline fast, and you’re using every spare minute to achieve your goal of finishing this complex refactoring, with plenty of changes in your CSS files. You’re even working on the last steps during your bus ... moreFriday, 18 February, 2022 UTC
Thoughts On Markdown
Markdown is second nature for many of us. Looking back, I remember starting typing in Markdown not long after John Gruber released his first Perl-based parser back in 2004 after collaborating on the language with Aaron Swartz. Markdown’s syntax is intended ... moreTuesday, 15 February, 2022 UTC
Implications Of WordPress Joining The Block Protocol
Matt Mullenweg (creator of WordPress) has expressed interest in having the WordPress editor comply with the Block Protocol, a recently-released specification which aims to have “blocks” be portable across applications. When I learned about Matt’s interest, ... moreFriday, 11 February, 2022 UTC
Web Design Done Well: Perfectly Pointless
Amid the KPIs and e-commerce and seemingly endless analytics, there are still plenty of sites embracing frivolity. Doesn’t it take the edge off to just have a little fun? The web can feel like a very businesslike place nowadays. Most places you go there ... moreTuesday, 8 February, 2022 UTC
Statoscope: A Course Of Intensive Therapy For Your Bundle
In 2016, I released the first version of the Statoscope tool (named “Webpack Runtime Analyzer” at the time). It was a technical demo of another rempl tool made by Roman Dvornov. We wanted to provide a visual interface to analyze bundles in real-time. ... moreFriday, 4 February, 2022 UTC
What Web Frameworks Solve: The Vanilla Alternative (Part 2)
Last week, we looked at the different benefits and costs of using frameworks, starting from the point of view of which core problems they’re trying to solve, focusing on declarative programming, data-binding, reactivity, lists and conditionals. Today, ... moreThursday, 3 February, 2022 UTC
Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds
The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on the web. Measuring the carbon footprint of the web isn’t ... moreWednesday, 2 February, 2022 UTC
Improving JavaScript Bundle Performance With Code-Splitting
Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. This problem is more apparent on unreliable and slow networks and ... moreFriday, 28 January, 2022 UTC
What Web Frameworks Solve And How To Do Without Them (Part 1)
I have recently become very interested in comparing frameworks to vanilla JavaScript. It started after some frustration I had using React in some of my freelance projects, and with my recent, more intimate acquaintance with web standards as a specification ... moreTuesday, 25 January, 2022 UTC
What’s New In DevTools?
In September last year, I wrote about some of the latest updates in our beloved DevTools, across Firefox, Chrome, Safari, and Edge. Four months have already passed since then, and the different teams working on DevTools have been busy! In these four ... moreMonday, 24 January, 2022 UTC
Getting Started With CSS Cascade Layers
CSS recently turned 25 years old, and over that time, many techniques and tools have been created to help developers work with the cascade. Within the last year, a new spec to orchestrate the “C” in CSS was drafted and is now an official candidate recommendation: ... moreMonday, 17 January, 2022 UTC
Modern Fluid Typography Using CSS Clamp
The concept of fluid typography in web development has been present for years, and developers had to rely on various workarounds to make it work in the browser. With the new CSS clamp function, creating fluid typography has never been more straightforward. ... moreThursday, 13 January, 2022 UTC
Building A Web Code Editor
An online web code editor is most useful when you do not have the opportunity to use a code editor application, or when you want to quickly try out something on the web with your computer or even your mobile phone. This is also an interesting project ... moreWednesday, 29 September, 2021 UTC
Using Modern Image Formats: AVIF And WebP
Images are the most popular resource type on the web and are often the largest. Users appreciate high-quality visuals, but care needs to be taken to deliver those hero images, product photos and cat memes as efficiently and effectively as possible. If ... moreTuesday, 28 September, 2021 UTC
