#css (1,123 links)
- John Doe’s page john-doe.neocities.org
This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content.
- willtonkin/shift-slider github.com
[WIP] A CSS first, pragmatic JavaScript slider
- frenic/csstype github.com
Strict TypeScript and Flow types for style based on MDN data
- The perils of functional CSS (atomic CSS) | Browser London browserlondon.com
- Inline PostCSS generated CSS with Eleventy jouni.kantola.se
- Home | Utopia utopia.fyi
Utopia emerges when designers and developers share a systematic approach to fluidity in responsive design. Instead of designing for x number of arbitrary breakpoints, we can design a system within which elements scale proportionally and fluidly.
- Simplified Fluid Typography css-tricks.com
Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units.
- Spec · 8-Point Grid spec.fm
- Next-generation web styling web.dev
Get up to date on some of the exciting features in modern CSS. Dec 5, 2019 Adam Argyle GitHub Glitch Una Kravets Twitter GitHub There are a ton of exciting…
- An Introduction to Variable Fonts ◆ 24 ways 24ways.org
Jason Pamental 4 Dec ember 2019 Published in Code No comments Everything you thought you knew about fonts just changed (for the better). Typography has always…
- A Modern CSS Reset - Andy Bell hankchizljaw.com
I think about and enjoy very boring CSS stuff—probably much more than I should do, to be honest. One thing that I’ve probably spent too much time thinking about…
- Managing Z-Index In A Component-Based Web Application — Smashing Magazine smashingmagazine.com
About The Author Pavel Pomerantsev occupies himself by writing code and has only the most superficial understanding of life beyond the Web platform. You can…
- How to Section Your HTML | CSS-Tricks css-tricks.com
The sectioning elements in HTML5 are <nav> , <aside> , <article> , and <section> . <body> is also kind of a sectioning element since all content lying inside of…
- Relearn CSS layout: Every Layout every-layout.dev
Relearn CSS layout If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a…
Earlier this month I was invited to give an evening lecture at the Typography Society of Austria ( tga ) in Vienna. I was honoured to do so, as it meant…
- Focusing on Focus Styles | CSS-Tricks css-tricks.com
Not everyone uses a mouse to browse the internet. If you’re reading this post on a smartphone, this is obvious! What’s also worth pointing out is that there are…
- Using CSS Grid the right way vgpena.github.io
CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to…
- A framework for creating a predictable & harmonious spacing system for faster design-dev handoff blog.prototypr.io
Priyanka Godbole Aug 26, 2017 Enabling design & development teams to use spacing deliberately for improved readability and consistency in product Cheatsheet…
Scott O'Hara 13 Dec ember 2018 Published in Code No comments I would like to begin by saying 2018 was the year that we, as developers, visual designers, browser…
7 Dec ember 2018 Published in Code No comments An important part of designing user interfaces is creating consistent vertical rhythm between elements. Creating…
- csstools/postcss-normalize github.com
Use the parts of normalize.css (or sanitize.css) you need from your browserslist
- CSS Blocks css-blocks.com
- linkedin/css-blocks github.com
High performance, maintainable stylesheets.
- Redesigning your product and website for dark mode stuffandnonsense.co.uk
Implementing dark mode is easy, but designing for it is less so. Here are some things you should consider when designing a dark mode version of your product or…
Raise your hands if you love the notch on iPhone X, XS, XR or XS Max! Okay, not many hands went up there, but I’m sure as a developer you do love some extra…
- StyleURL - share CSS tweaks instantly styleurl.app
- Cutting the Mustard with CSS Media Queries — SitePoint sitepoint.com
Cutting the Mustard is a term coined by Tom Maslen at the BBC. The method uses JavaScript that checks for browser capabilities before loading further CSS and…
- A Guide To The State Of Print Stylesheets In 2018 smashingmagazine.com
Today, I’d like to return to a subject that has already been covered in Smashing Magazine in the past — the topic of the print stylesheet. In this case, I am…
- gridtoflex.com gridtoflex.com
Grid to Flex Flexbox fallbacks for popular UI solutions that use CSS Grid. CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge…
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion | CSS-Tricks css-tricks.com
Gosh bless the <details> element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen…
- Designing Button States cloudfour.com
Buttons are a staple of any design system. The best ones are simple, versatile, maybe even a little fun. But there’s a lot of hidden complexity in these jolly,…
- Measuring the Hard-to-Measure – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts csswizardry.com
Written by on CSS Wizardry . Last night I gave a performance-oriented talk at the wonderful DaFED event in Novi Sad, Serbia. In the talk, I go intodetail about…
- Third party CSS is not safe - JakeArchibald.com jakearchibald.com
Posted 27 February 2018 A few days ago there was a lot of chatter about a 'keylogger' built in CSS . Some folks called for browsers to 'fix' it. Some folks dug…
CSS variables are the next big thing and their power is often underestimated. People call them “CSS variables”, which doesn’t describe their actual behavior…
A variable font is a single font file which behaves like multiple styles. (I wrote more about them here in an extract from my Web Typography book). There are…