I was recently tasked with creating video reels that needed to be played smoothly under a slow network or on low-end devices. I started with the native HTML5 <video> tag but quickly hit a wall — it just doesn’t cut it when connections are slow or devices are underpowered. After some research, I found that […]
Adaptive Video Streaming With Dash.js In React Read More »
Vibe coding is a new concept where developers use AI tools to generate code through simple text prompts, bypassing traditional coding methods. While it offers quick prototyping and democratizes development, it comes with limitations in terms of code quality, scalability, and long-term viability for complex projects.
Vibe Coding: Revolution or Recipe for Disaster in App and Game Development? Read More »
I came across this awesome article navigator by Jhey Tompkins: CodePen Embed Fallback It solved a UX problem I was facing on a project, so I’ve adapted it to the needs of an online course — a “course navigator” if you will — and built upon it. And today I’m going to pick it apart
Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component Read More »
Korean Air’s rebranding features a modernized Taegeuk symbol in a deeper blue, paired with a new typeface that’s cleaner and more streamlined. The updated logo and symbol, combined with a metallic look on the aircraft livery, create a sleek, contemporary visual identity that emphasizes the airline’s innovative and forward-thinking approach.
Korean Air Takes Off with a Fresh New Look Read More »
There’s a bit of a blind spot when working with CSS logical properties concerning shorthands. Miriam explains: Logical properties are a great way to optimize our sites in advance, without any real effort. But what if we want to set multiple properties at once? This is where shorthands like margin and padding become useful. But they are currently limited
Support Logical Shorthands in CSS Read More »
Coding jobs are vanishing fast—AI writes better code, no-code tools replace developers, and tech giants are slashing engineering teams. If you’re still clinging to “just coding,” wake up—adapt to AI, automation, and no-code, or get left in the dust.
The Death of Coding Jobs: How AI, No-Code, and Corporate Greed Are Killing the Industry Read More »
In my last article on “Revisiting CSS Multi-Column Layout”, I mentioned that almost twenty years have flown by since I wrote my first book, Transcending CSS. In it, I explained how and why to use what were, at the time, an emerging CSS property. Ten years later, I wrote the Hardboiled Web Design Fifth Anniversary
Revisiting CSS border-image Read More »
In *”Our Interfaces Have Lost Their Senses,”* Amelia Wattenberger critiques how modern digital interfaces have become sterile and lack sensory engagement. She calls for a return to more immersive, sensory-rich designs that connect us to technology in meaningful, tactile ways.
Our Interfaces Have Lost Their Senses — And It’s Time to Bring Them Back! Read More »
So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change was as simple as a new heading and doesn’t seem to fit the space. Maybe you added an image, but it just
Previewing Content Changes In Your Work With document.designMode Read More »
I’ve seen a handful of recent posts talking about the utility of the :is() relational pseudo-selector. No need to delve into the details other than to say it can help make compound selectors a lot more readable. :is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) { color: #BADA55; } /* … which would
Quick Reminder That :is() and :where() Are Basically the Same With One Key Difference Read More »
