HHardik Babla6h ago · 5 min readCSS Flexbox and Grid: Build Real Layouts Without the HeadacheLast time, we used position to pin a badge to a card and a button to the screen. But try building a whole page that way, with a header, a sidebar, and a row of cards, and you end up fighting pixel offhardikdotdev.hashnode.dev
OOleg Che1d ago · 2 min readRedesigning a local web UI with plain HTML and CSS: Universal Downloader 1.4Universal Downloader is a Windows app built on yt-dlp. A Flask server listens on 127.0.0.1 only, and the interface is a normal web page opened in your browser. In 1.4 I redesigned the shell without toolegche.hashnode.dev
AAyoub Kharbouch20h ago · 9 min readStyle an RSS feed with CSS: what still works in ChromeA CSS stylesheet linked from a feed keeps working in Chrome after XSLT is removed, as long as the server sends the feed as application/xml or text/xml. Sent as application/rss+xml, the same feed showsxmlnest.hashnode.dev
HHassan Aziz23h ago · 10 min readTailwind CSS masonry layout with columns, no JavaScriptThe short version A masonry layout needs no JavaScript in Tailwind: put the items in a container with columns-* classes, like columns-1 sm:columns-2 lg:columns-3, and the browser stacks them into col1Shassanrants.hashnode.dev
MManiruzzaman Jubayer1d ago · 11 min readFluid typography with CSS clamp(): a practical guideOriginally published at maniruzzamanjubayer.com. Fluid typography with CSS clamp() takes two font sizes and two screen widths and turns them into one line: clamp(smallest, preferred, largest), where tjubayer910.hashnode.dev
UUrban Mixo1d ago · 7 min readThe 14KB Design System: Styling 30 Interactive Web Apps with Zero Frameworks and 100/100 Core Web VitalsOpen the source code of almost any modern web application, and you will find a familiar styling stack: Tailwind CSS with thousands of generated utility classes, a CSS-in-JS runtime like styled-compone1Surbanmixo.hashnode.dev
WWinfred2d ago · 2 min readTreat Image Backgrounds As Part Of Your Asset ContractAn image pipeline can deliver the right dimensions and still ship the wrong backdrop. Define the expected background behavior alongside size and format so the handoff is testable. Specify The Asset Rowinfred-notes.hashnode.dev
HHassan Aziz2d ago · 11 min readCSS grid auto-fit and minmax() without media queriesThe short version repeat(auto-fit, minmax(300px, 1fr)) makes a responsive CSS grid without media queries: the browser fits as many columns as it can at the minimum width and the 1fr maximum stretcheshassanrants.hashnode.dev
MMamad Mirza3d ago · 2 min readDark Mode in 12 Lines of CSS (No Library, No Framework)Most dark-mode tutorials reach for a library or a theme provider. You don't need one. CSS variables already do the whole job: define your colours once, swap the values when a toggle flips, and let evemamadmirza.hashnode.dev
Aahmed D. sherif3d ago · 8 min readThe Chameleon Suit: Why Traditional Oracle APEX Theming Traps You (And How to Break Free) 🦎👔🇪🇬 النسخة العربية: اقرأ هذا المقال بالعامية المصرية من هنا. The Chameleon Suit: Why Traditional Oracle APEX Theming Traps You (And How to Break Free) 🦎👔 Why Theme Roller leaves you stuck in a monash2osh.hashnode.dev
