Tag feed

#css

14,228 posts192,686 followers

Explore Hashnode

Alternatives

Trending tags this week

HHtmlDraghtmldrag.hashnode.dev7h ago · 8 min read

How to Fix an AI-Generated Landing Page on Mobile Without Rebuilding It

Most landing pages generated by AI look convincing in a desktop preview. Grids line up, fonts look modern, and spacing feels generous. But open that same page on a 375px mobile screen, and the experie

0

PKPuneet Kraliaratio-and-resolution.hashnode.dev1d ago · 10 min read

Common Aspect Ratios: 16:9, 4:3, 3:2, 1:1, 4:5, 21:9 and What They Are For

An aspect ratio is the shape of an image: width compared to height, written with a colon. A 16:9 video frame is 1.78 times wider than it is tall; a 4:5 portrait photo is narrower than it is tall (0.8)

0

TKTushar Kumar Jaiswalthewebdevsite.hashnode.dev23h ago · 6 min read

All about CSS units

Introduction to CSS Units Just like we use meters, centimeters etc. to measure in day to day life. Similarly we use CSS units to define measurements and values when styling our webpages. They help us

0

FHFigsh huxfscss.hashnode.dev2d ago · 3 min read

Free visual builder for st-core.fscss — pure CSS data viz

st-core.fscss (Statistic Core) is a lightweight, CSS-based data visualization and dashboard layer for the FSCSS ecosystem: area and line charts from arrays and custom properties — no Chart.js, no SVG

0

BCBrock Claussenfoxhole.hashnode.dev3d ago · 4 min read

My contrast check found nothing, so I broke it on purpose

An AI review of my company's website said some secondary text "appears small or muted" and suggested raising contrast. Fair enough. Muted grey on near-black is a classic accessibility failure, and the

0

SKSastha Klthewebhig.hashnode.dev3d ago · 2 min read

Application CSS must not use transition: all (Web HIG tip #6)

transition: all looks convenient until a new property starts animating and the UI jumps in ways you never meant. Web HIG tip #6 (Quick #85, HIG-MOT-001): Application CSS must not use transition: all —

0

MJManiruzzaman Jubayerjubayer910.hashnode.dev4d ago · 19 min read

RTL UI design for Arabic apps: a guide for UAE teams

Originally published at maniruzzamanjubayer.com. RTL UI design for Arabic apps comes down to one rule and a few exceptions. Mirror everything that follows reading order or shows forward motion: layout

0

URUmair Ranadevomnitools.hashnode.dev4d ago · 5 min read

Why Your SVG Icons Break When Converted to Web Fonts (And How to Fix Inverted Glyphs)

Converting SVGs into custom icon fonts sounds straightforward until you compile your first glyph set. You export ten clean icons from Figma or Illustrator, feed them into an icon font generator, and o

0

TETarek Elzoghby | طارق الزغبيtarek-elzoghby.hashnode.dev4d ago · 3 min read

Three Ways My Scroll Arrow Went Wrong

This is a practice brief, and the client is fictional: Marwa Adel, a potter in Cairo who wants a one-page site instead of taking commissions through Instagram DMs. I built it with an AI design partner

0

Ggarethsplloydgarethsplloyd.hashnode.dev5d ago · 3 min read

My Journey In Web Development So Far

The Beginning I started The Odin Project (TOP) on 7th September. We're now almost a month in, and I quickly wanted to note down the progress and journey so far, including what we've learned and what w

0

#css

Search Hashnode

#css

Explore Hashnode

Trending tags this week

How to Fix an AI-Generated Landing Page on Mobile Without Rebuilding It

Common Aspect Ratios: 16:9, 4:3, 3:2, 1:1, 4:5, 21:9 and What They Are For

All about CSS units

Free visual builder for st-core.fscss — pure CSS data viz

My contrast check found nothing, so I broke it on purpose

Application CSS must not use transition: all (Web HIG tip #6)

RTL UI design for Arabic apps: a guide for UAE teams

Why Your SVG Icons Break When Converted to Web Fonts (And How to Fix Inverted Glyphs)

Three Ways My Scroll Arrow Went Wrong

My Journey In Web Development So Far