🌐 Public

Critically thinking about CSS

By Karen de Graaf

Introduction

Best ways to build up your CSS. Also includes articles about LESS/SASS

Karen de Graaf — Web developer, brownie baker

Added by Karen de Graaf: “Also applies for LESS

1 A Vision for Our Sass · An A List Apart Article

Issue № 412by Published in Felicity EvansCode, CSS, Process · At a recent CSS meetup, I asked, "Who uses Sass in their daily workflow?" The response was overwhelmingly positive; no longer reserved for pet projects and experiments, Sass is fast becoming the standard way for writing CSS. This is great news! Sass gives us a lot more power over complex,

2 CSS Guidelines – High-level advice and guidelines for writing sane, manageable, scalable CSS

High-level advice and guidelines for writing sane, manageable, scalable CSSAbout the AuthorCSS Guidelines is a document by me, Harry Roberts. I am a Consultant Front-end Architect from the UK, and I help companies all over the world write and manage better quality UIs for their products and teams. I am available for hire. Support the GuidelinesCSS Guidelines is provided through

3 When using IDs can be a pain in the class... – CSS Wizardry

N.B. Since authoring this article I have decided that a blanket ban is sensible. Save yourself many potential headaches and never use IDs in your CSS files.There have been a few articles flying about lately which tell you never to use IDs in CSS selectors. I always get a little concerned when articles like this command rather than advise, they

4 When to use @extend; when to use a mixin – CSS Wizardry

This is a question I get asked a lot by my clients: When should we use a mixin, and when should we use @extend? There's an old rule of thumb which states that mixins without arguments are bad -that mixins which just duplicate code with no difference between each instance are nasty. The truth is that the answer is a

5 OOCSS, ACSS, BEM, SMACSS: what are they? What should I use? – clubmate.fi

The way we write CSS has changed a lot in last few years, and the abbreviation jungle gets deeper and deeper. Heres a list of links to influential articles and quick summaries of these techniques. update: 2014.01.23 rewrote the Atomic and the BEM sections. I think there have bee happening big things in how we write CSS, for a reason

Added by Karen de Graaf: “Do remind: a case in favor of using a class name like "btn" is searchability. Using "button" means it would also return button tags.

6 Brevity vs. Clarity · An A List Apart Blog Post

A few months ago, my good friend, Olivier Lacan, tweeted: Why do CSS author seem to agree that "btn" stands for button while "large" doesn't need "lrg"? Stop abbreviating because others do it. - Olivier Lacan (@olivierlacan) September 6, 2014He rightly points out that a lot of commonly-accepted abbreviations exist only because a critical mass of people use them. We

8 Cyclomatic Complexity: Logic in CSS – CSS Wizardry

For the longest time, we've been saying that CSS doesn't have logic. By that, we meant that there was no control flow or way of programmatically manipulating it. This inherent lack of logic has been used as an argument in favour of using preprocessors (to provide that missing feature), and as an argument against using preprocessors (CSS was never meant

9 CSS performance revisited: selectors, bloat and expensive styles - Ben Frain

What is fast CSS? Where are the bottlenecks? Are the rules of slow and fast selectors even valid anymore? Are the properties we use more important than the selectors? I felt it was time to revisit some of these questions. In the broad scheme of things, CSS optimisation is certainly low down the priority order when trying to speed websites/web

Added by Karen de Graaf: “The next chapter, Extending Styles from Philip Walton, answers some of the questions posed in this article. I'd advise to read them both!

10 Nesting Components

..or the struggles with contextual styling. - Using CSS components is somewhat straightforward. We add the markup and give it the component's class name and all is good. Where it gets trickier is when we try to nest components. And when they need to be tweaked based on the context. Where should the styles be defined? It's a question I've

11 Extending Styles — Philip Walton

Last week @simurai wrote a great article discussing the various strategies for contextual styling in CSS. If you haven't read his article yet, you should-it will give you better context for this read, and you'll probably learn something you didn't know. The problem? What is the best way to approach altering the look of a component when it's a descendant

12 Thomas Byttebier - Less CSS mess

For years I've struggled with CSS. Remember Damien Newman's squiggle as a visual representation of the design process? Flip it and you'll have a perfect depiction of any CSS project: At least in my case, every new project starts out extremely well-organized, then pretty soon turns into a complete mess. The problem is mostly me, but I blame CSS for

Manolo Recio Sjögren

Product design at @tictrac.

  • 0 Playlists
  • 0 Followers

Kani

Freshman

  • 0 Playlists
  • 0 Followers

annmarieg

Creative Technologist in Training | Life is too important to be taken seriously - Oscar ...

  • 0 Playlists
  • 0 Followers

Brandon L. Harris

Freshman

  • 0 Playlists
  • 0 Followers

Brian Wangila

Computer Science student, Gamer. Martian/Lead Developer at Skyline Design (http://t.co/caMXEkVT) Basketball lover, and am known ...

  • 0 Playlists
  • 0 Followers

Razvan Tudosa

Web Developer with a passion for music, games and plenty of other stuff.

  • 0 Playlists
  • 0 Followers

Abel Cuenca

Freshman

  • 0 Playlists
  • 0 Followers

Philip Chen

Freshman

  • 0 Playlists
  • 0 Followers

ethansamuel17

Freshman

  • 0 Playlists
  • 0 Followers

Juliana Soares

"The fundamental things apply"

  • 1 Playlists
  • 0 Followers

Erin Hiltz

Freshman

  • 0 Playlists
  • 0 Followers

Frederico Genovez

Freshman

  • 1 Playlists
  • 0 Followers

Raymond Orlana

Freshman

  • 0 Playlists
  • 0 Followers

Shihabudheen P M

Freshman

  • 0 Playlists
  • 0 Followers

Nermine Abassi

Freshman

  • 0 Playlists
  • 0 Followers

Carlos Miguel A. Pereira

Freshman

  • 0 Playlists
  • 0 Followers

Carlos Miguel A. Pereira

Freshman

  • 0 Playlists
  • 0 Followers

Luciana Prado Garcia Veiga

Freshman

  • 0 Playlists
  • 0 Followers

Luciana Prado Garcia Veiga

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?