Skip to content
  • Home
  • Articles
  • Projects
  • About
  • Resources
  • Screencasts
  • Today I learned
  • Things I use
  • Talks
  • Newsletter
  • Home Home
  • Articles Articles
  • Screencasts Screencasts
  • Projects Projects
  • About About
  • Other Stuff
    • Blogroll People blogging great stuff.
    • Resources Bookmarks I want to keep for later.
    • Show some love Support my blog and newsletter.
    • Talks Talks I've given at conferences.
    • Things I use My hardware and software setup.
    • Today I learned 261 #TIL posts.
  • Newsletter
Stefan on LinkedIn Stefan on Mastodon Stefan on Bluesky RSS

Topic: CSS – Page 21

  1. CSS grid is the shortest way to center elements

    Published Jul 02 2018 in CSS

    I was writing align-items and justify-items in combination with flexbox for years and now found out about place-items which makes centering elements with grid way shorter.

  2. Viewport units for font sizes destroy zooming

    Published Mar 30 2018 in Accessibility , CSS

    Vadim Makeev shared the surprising fact that view port units can harm accessibility

  3. Overflow ellipsis after x lines with line-clamp

    Published Mar 02 2018 in CSS

    Apply overflow text ellipsis on your paragraphs using line-clamp.

  4. Labels trigger states for associated inputs

    Published Jun 12 2017 in CSS , HTML

    Input pseudo classes and event handlers can be applied or triggered for the actions of associated labels.

  5. Interaction media queries in CSS

    Published Apr 30 2017 in CSS

    I learned about interaction media queries which help you to detect how hover capable a device is.

More CSS content

  1. Previous page
  2. Page 21 of 22
  3. Next page

Weekly Frontend News

6495 readers received the last Web Weekly 21 days ago. Join the fun!

Most popular posts

  • Can we have custom media queries, please?
  • em and strong are not announced by screen readers
  • Three input element properties that I discovered while reading MDN edited
  • The short version of 'git status' and the close but different '--porcelain' mode
  • How to prerender Tweets without using the official Twitter APIs
Read popular posts

TIL: Today I learned in Web Dev

  • Intl can localize units, too!
  • The scope of type guards and assertion functions
  • New lines are removed from WHATWG URLs
Learn something new

Other stuff

Topics

  • JavaScript (131 posts)
  • CSS (107 posts)
  • Tools (64 posts)
  • HTML (56 posts)
  • Bash (45 posts)
  • NodeJS (42 posts)
  • Accessibility (38 posts)
  • Web (30 posts)
  • git (23 posts)
  • VSCode (21 posts)
  • macOS (20 posts)

Random Web Dev Learnings

  • pathLength makes makes SVG path animations easier to manage
  • The for accessibility required `caption` element in HTML tables
  • How the rest operator and default values affect the function length property
  • The macOS screenshot area is draggable
  • button elements offer attributes to change form behavior
  • The hover media query can help to remove hover styles on touch devices (but may include false positives)

Popular articles

  • Can we have custom media queries, please?
  • em and strong are not announced by screen readers
  • Three input element properties that I discovered while reading MDN edited

Recently updated resources

  • Staying up to date
  • Writing good docs, blogs and technical articles
  • Public speaking

stefanjudis.com © 2026 by Stefan Judis is licensed under CC BY-NC-SA 4.0

All rights reserved and content created without AI.

♥️