Editor's Pick
ToneMatrixRedux: A pentatonic step sequencer
Click on the boxes and make music! This project is an HTML5 revival of ToneMatrix by Audiotool, which was originally written in Flash.
Note: editor's pick is not a sponsored or paid post in any way.
Accessibility
Accessibility considerations behind code search and code view
A look at how we improved the readability of code on GitHub.
CSS
CSS: Absolutely positioning things relatively
Using CSS grid to render complex webpages responsively.
Creative Ways to Use CSS Blur Effect in Your Web Design
Transform your web design with the CSS blur effect! From subtle overlays to eye-catching backgrounds, discover creative ways to use it.
HTML
JavaScript
ToneMatrixRedux: A pentatonic step sequencer
Click on the boxes and make music! This project is an HTML5 revival of ToneMatrix by Audiotool, which was originally written in Flash.
CommonJS is hurting JavaScript
JavaScript, the undisputed king of web development, is being sabotaged — not by a rival language or a revolutionary new technology, but by its own baggage from the past. This insidious saboteur is none other than CommonJS, the antique module system that we’ve tolerated for far too long.
EpubReader - Epub / Book Reader Application built with ElectronJS
EpubReader is a open-source project made with ElectronJS. Like the name says it's an application for reading .epub files, there are already a thousand of epub reader but their UI/UX it's really bad. I started this project for letting people read epub books in a nice way with a well-made application.
Note: at the time of this writing, the project is under development, but if you're interested in building cross-platform desktop apps with HTML, CSS and JavaScript, this might be something worth checking out.
React Open Architecture
React Open Architecture is a starter template for developing enterprise-level modern React applications. It is designed with a strong emphasis on clean architecture, functional types and paradigms, lack of side effects, and separation of concerns. This template provides a structured approach to building React applications, promoting maintainability, testability, and scalability.
TwinSpark
Declarative enhancement for HTML: simple, composable, lean. TwinSpark transfers lots of the common logic from JS into a few declarative HTML attributes. This leads to good interactive sites with little JS and more manageable code.
My take on the current React & Server Components controversy
There has been a lot of frustration in tech Twitter over the last few weeks. Some people are frustrated with React Server Components, and some are frustrated with the way the React team communicates. The React team is frustrated with that “pile-on” they are facing. And everyone is right on their own terms, but we all communicate it in the most unproductive ways.
Twitter is notorious for this kind of discussion because nuance is lost due to its 280-character limit. But I still would like to explain my take on all of this.
UX
Design Languages - Discover best design languages and design systems
A curated library for design languages, design systems and front-end frameworks.
Unique Transition Between Grid and List Views
Tutorial on how to create a unique transition between grid and list views with CSS, Javascript, Masonry, and Greensock.
Direct link to demo here (toggle controls are at top right).
Miscellaneous
A Deep Dive Into SVG Path Commands
An interactive guide to understanding SVG paths and path commands.
14,000 lines of raw PHP/HTML/CSS/JS has $61k/month revenue
"I did not use TS, flexbox or frameworks except jQuery"
Clutches pearls!!!
Four companies must stop using Google Analytics
The Swedish Authority for Privacy Protection (IMY) has audited how four companies use Google Analytics for web statistics. IMY issues administrative fines against two of the companies. One of the companies has recently stopped using the statistics tool on its own initiative, while IMY orders the other three to also stop using it.
The audits are based on complaints from the organisation None of Your Business (NOYB) in the light of the Schrems II ruling by the European Court of Justice (CJEU). The complaints allege that the companies, in violation of the law, transfer personal data to the United States.
Prettier 3.0: Hello, ECMAScript Modules!
We are excited to announce the release of the new version of Prettier!
The hardest part of building software is not coding, it's requirements
With all the articles about just how amazing all the developments in AI have been, there’s plenty of hand wringing around the possibility that we, as software developers, could soon be out of a job, replaced by artificial intelligence. They imagine all the business execs and product researchers will bypass most or all of their software developers and asking AI directly to build exactly what they think they want or need. As someone who’s spent 15 years creating software from the specs these folks create, I find it hard to take all the worrying seriously.
If you think your network would find Hexawow useful, please share it with them. The whole point of Hexawow is sharing useful information to help grow your front-end career.
Want to share a front-end article you've found? Get in touch, on Twitter @hexawow or directly at hexawow.news@gmail.com.