Skip to main content

Links tagged with “css”

  1. Some simple ways to make content look good - Set Studio

    I do like nice clear walkthroughs of design and code like this, including bits of CSS that were new to me. (via Adactio)

  2. Tree views in CSS

    A collapsible tree view made out of lists and detail elements, no JavaScript. Witchcraft. (via Adactio)

  3. An Interactive Guide to Flexbox in CSS

    I thought I broadly understood flexbox but this brilliant guide made me realise how little I properly understood. (via Adactio)

  4. Modern CSS Reset / Global Styles

    This not only seems like a good modern version (which I could do with) but it’s extremely nicely explained. (via Adactio)

  5. 🖌️ Horton Hears a Whostyle

    Nice idea – if someone comments/replies on your site, you use their CSS to render their comment/reply in their site’s style. I think. (via maya.land)

  6. SmolCSS

    Very little snippets of very modern CSS doing a single thing. As I’m a long way from the cutting edge CSS wise, this is useful. By Stephanie Eckles. (via @simonw)

  7. Bulma: Free, open source, and modern CSS framework based on Flexbox

    One of those “I’ll forget the name if I don’t bookmark it” things. Looks nice, as these things go. (via Infovore)

  8. How to get started with web development | Go Make Things

    I’d have no idea what to suggest to someone wanting to learn this stuff, but this looks like a great list for front-end development.

  9. Let’s Define CSS 4 · Issue #4770 · w3c/csswg-drafts

    Interesting discussion (an actual civil discussion, on the internet!). (via Adactio)

  10. All – Tiny Helpers

    Loads of websites that each do one useful thing for web designers and developers. (via Waxy)

  11. HOW - Pure CSS - cyanHarlow

    Nicely done explanation of how Diana Smith uses CSS properties in her amazing CSS art, and what hat art looks like without each property. (via Waxy)

  12. Spectre.css CSS Framework

    Looks nice. Some handy components that Bootstrap doesn’t have.

  13. CSS Grid Layout Interface Builder | LayoutIt!

    Very nifty thing for constructing a grid and getting the HTML and CSS for it using CSS Grid. (via FaveJet)

  14. Typeplate » A typographic starter kit encouraging great type on the Web

    Looks like a nice bit of CSS for styling readable text.

  15. Flexbox Froggy - A game for learning CSS flexbox

    Very nicely done. Although, even having completed it, I’m still pretty much guessing at how to do anything.

  16. BEM 101 | CSS-Tricks

    Pragmatic summary of the Block, Element, Modifier CSS style that wasn’t around last time I went down this rabbit hole.

  17. Tufte CSS

    Some nice things in this example of CSS that styles things in a web parallel of Edward Tufte’s books. (via Russell Davies)

  18. CSS ICON — project by Wenting Zhang

    Icons drawn only with CSS, and very easy to copy. A bit ugly, but maybe a good inspiration for better… (via @simonw)

  19. Can we stop bad-mouthing CSS in developer talks, please? | Christian Heilmann

    On why CSS is complex and good enough not to deserve being put down by some developers. (via Jeremy Keith)

  20. WTF, forms?

    Some quite nice HTML/CSS form controls, but also nice because of the clear description of how they’ve been made. Mostly coming to Bootstrap v4 soon apparently.

  21. Coder’s Block Blog / Checkbox Trickery with CSS

    Lots of scope for doing this horribly, but some of this CSS-styling of radio buttons and checkboxes is nice for > IE8.

  22. Luster - Mobile Web App Checklist

    Loads of good tips for making websites feel more native on touch-based devices.

  23. Bootstrap Slack

    I’m enjoying @mdo’s public Slack channel for Bootstrap. So much nicer than IRC.

  24. Code Guide by @mdo

    “Standards for developing flexible, durable, and sustainable HTML and CSS,” by Mark Otto, creator of Bootstrap. Not all my preference, but I do enjoy some rigour.

  25. Work with me – CSS Wizardry – consultancy, CSS code reviews, speaking, workshops, CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

    Another way to do CSS class naming. Here are so many names. All of them feel like they’re trying to make up for fundamental deficiencies.

  26. Transitioning to SCSS at Scale

    How Etsy moved from “400,000+ lines of CSS split over 2000+ files” to using SCSS.

  27. Sass Guidelines

    Really good, whether you agree with all the decisions or not. I now want to reorganise all my Sass files. (via Tom Taylor)

  28. How to structure a Sass project

    Another thing I thought I’d bookmarked ages ago. This is pretty much what I do these days.

  29. Huddle/PhantomCSS

    “A CasperJS module for automating visual regression testing with PhantomJS and Resemble.js. For testing Web apps, live style guides and responsive layouts.” (via @tomstuart)

  30. IE-friendly mobile-first CSS with Sass 3.2

    Via previous link, on serving separate, slightly different, stylesheets for old IEs and everything else.

  31. Responsive grid system which works in IE6 | Technology at GDS

    Using SCSS. And not an ugly hack. Having been thinking about grids/page structure at work recently, and needing to support old browsers, this is handy. (via @benterrett)

  32. Learning Susy | Zell Liew

    This ($39) book’s good if you’re struggling to get to grips with Susy, the SASS/CSS layout framework. Does a nice job of explaining things in a way that makes more sense than the documentation.

  33. suit/naming-conventions.md at master · suitcss/suit

    Another CSS class naming convention. I think I like this better than BEM’s, but we’re now quibbling over tiny variations.

  34. MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

    Forgot to link to this when I read, so for completeness… I kind of like this but the ugliness of the double hyphens and underscores just “smells” bad to me (maybe wrongly?).

  35. Introducing AM - Attribute Modules for CSS - Glen Maddern: Internet Pro

    More stuff about how to do CSS in another new way. I haven’t read this enough times to understand it.

  36. CSS Guidelines (2.1.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS

    An extensive styleguide for writing CSS by Harry Roberts. (via @mattpointblank)

  37. Medium’s CSS is actually pretty f***ing good. — Medium

    On creating Medium’s CSS style guide. Really good. I’d love to read more things like this. (via Tom Taylor)

  38. GOV.UK elements

    HTML/CSS elements and how to use them on GOV.UK. Really useful, even if you’re doing differently, as a checklist of stuff to consider. (via @jamesweiner)

  39. Crafting link underlines on Medium

    Not necessarily for how they decided to make nice underlines on text, but for the description of how complicated a very simple-seeming website can be. (via @jamesweiner)

  40. Absolute Positioning and Horizontal/Vertical Centering

    Using CSS alone, no JS. I’m waiting for the inevitable real-world use in which this won’t work. There must be one. Surely. There usually is. (via @jamesweiner)

  41. Being a client

    A brief bit about the new Code for America website. So worth it for all the Clearleft and pattern library related links. All of them front-end-development gold, leading to even more.

  42. 8 Sass mixins you must have in your toolbox

    Some handy things for use with SASS. (via Infovore)

  43. Grid

    A very nice step-by-step guide to a simple CSS grid system for responsive websites. Everyone will end up with something more complex, but it’s a nice intro. (via @felix_cohen)

  44. Susy: Responsive grids for Compass

    Looks like a very nice way to do CSS grids if SASS and Compass are your thing. (via Infovore)

  45. Centering in the Unknown

    For future reference, another thing about vertically centering text using CSS.

  46. Designing CSS Layouts With Flexbox Is As Easy As Pie

    I ended up using something like this to vertically centre text, falling back to using JavaScript for browsers that Modernizr suggested didn’t have flexbox.

  47. Kapowaz: Cargo Cult CSS

    Good article on the drawbacks of OOCSS and some tips for good practice. I like the need to use descriptive selectors, rather than terse ones; these make much more sense to me coming to a CSS file written by someone else.

  48. Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web

    Very useful look at all the new, improved or broken things in Safari on iOS 7. (via @jamesweiner)

  49. ai/autoprefixer · GitHub

    “Parse CSS and add vendor prefixes to rules by Can I Use.” Very clever and good but, like increasing numbers of things, also makes me go, “oh god, I wish CSS was simpler.”

The most common tags

  1. webdevelopment (826)
  2. london (396)
  3. uk (354)
  4. music (303)
  5. mac (189)
  6. javascript (187)
  7. lrb (171)
  8. history (161)
  9. maps (159)
  10. css (159)

More…