21

Ask DN: Your favorite CSS framework?

2 years ago from , Position @ Company

Currently using Tachyons.io

Looking at others like Pure, Milligram, Spectre, Cutestrap, Skeleton, etc

What do you use?

41 comments

  • Stefano TirloniStefano Tirloni, 2 years ago

    No frameworks

    27 points
  • Diego LafuenteDiego Lafuente, 2 years ago

    I build all my frameworks from scratch after using several. Now, the only remaining thing I use, as a framework, in the grid. The rest, is pretty much built from 0.

    14 points
  • Shane BolandShane Boland, 2 years ago

    Tachyons for life yo.

    When I was learning CSS, I used Foundation and Bootstrap.

    Then, I started writing all my CSS from scratch.

    A few months ago, I started using Tachyons. And I don’t think I’ll ever go back.

    9 points
  • Kemie GuaidaKemie Guaida, 2 years ago

    I love Foundation. The grid lets me do awesome things, and I can Include whichever components I need for each specific project. Saves me a lot of time and effort.

    8 points
  • Andrew Juarez, 2 years ago

    Susy!

    4 points
  • Zip ZapZip Zap, 2 years ago (edited 2 years ago )

    I used to go with foundation/bootstrap, but realized that I was not using their components very much and worse I was overriding a lot of css rules to fit my design - it's like coding against the framework :/ Now I use skeleton and it's easier, ligther, faster, and gives you way more control :)

    2 points
  • Stephen ThomasStephen Thomas, 2 years ago

    For production sites, I wouldn't use one. The big ones (bootstrap, foundation) are way too opinionated and hard to customize.

    2 points
  • Luke ClarkLuke Clark, 2 years ago

    Neat sans Bourbon from Thoughtbot

    2 points
  • umit akcanumit akcan, 2 years ago

    https://milligram.github.io/

    2 points
  • Rick KhannaRick Khanna, 2 years ago

    I still roll with Bootstrap. It's great if you use it right. If you go into the bootstrap.scss file and comment all all the @include lines you don't need you can customize it easily. It also decreases overhead drastically. Plus, the framework and grid are just rock solid and tested thoroughly.

    2 points
  • Roman HorokhovatskyyRoman Horokhovatskyy, 2 years ago

    I love Basscss is very powerful

    2 points
  • Vivian Guillen, 2 years ago

    I'm love with UIKit these days.

    2 points
  • Joaquin LluisJoaquin Lluis, 2 years ago

    Im really on board of doing my own framework. I think that if you start doing your own frameworks you start to figure out how much code you really need for your project. Eventually you get a really cool framework that you can use in many projects and you keep improving it...

    1 point
  • Alex ChanAlex Chan, 2 years ago

    I used to use Bootstrap quite a bit. At work, I use Foundation, but have outgrown it and will be rolling our own soon.

    For my own projects, I will start from scratch except for the grid. I created my own grid framework because I couldn't find one that met my preferred naming scheme and had all features that I needed/wanted: https://github.com/alexchantastic/lattice.css.

    1 point
  • Taurean BryantTaurean Bryant, 2 years ago

    Historically I've always done everything from the ground up but recently I started working on my own framework/set of tools based on the types of things I find myself rewriting the most often. Its mostly stuff in SCSS (mixins/functions/variables) so it doesn't add that much bloat to the project.

    0 points
  • Zak ErvingZak Erving, 2 years ago

    I usually start out with Bourbon/Neat, but in the end usually end up rolling my own. However, I find file structure/import flow something I try to be ever-mindful of, and generally abide by Brad Frost's Atomic principles (with a few tweaks).

    0 points
  • Max Trautner, 2 years ago

    I've found Base to be an exceptional replacement for Bootstrap/Foundation. I've found it easy to avoid bloat while providing utility classes and those easy-to-forget styles like tables and blockquotes.

    Class names for the grid are .col-12 and .col-6-m which is very human friendly as opposed to other systems that basically design via div classes like: fl w-100 w-50-ns pa2

    0 points
  • Ugo Go, 2 years ago (edited 2 years ago )

    I often use Tapestry

    It's mobile first, follow SuitCSS guidelines, has every base components, maintainers are active…

    It's not really famous, but do the job.

    0 points
  • James Young, 2 years ago

    Tried a few then basically ended up using a "starter kit" that's evolved from our own projects / needs and periodically add in bits and pieces that have been useful.

    It's here if anyone wants to take a poke around https://github.com/Offroadcode/Offroadcode-Starter-Kit

    We do still currently use the grid from Kraken which is a great little framework https://cferdinandi.github.io/kraken/

    0 points
  • Chris FreesChris Frees, 2 years ago

    I always use the grid from Pure.

    0 points
  • Luke Whitehouse, 2 years ago (edited 2 years ago )

    Currently rolling our own at Mixd - http://github.com/mixd/frontend-framework along with my own grid system - http://github.com/lukewhitehouse/groot

    0 points
  • Ashley CyborskiAshley Cyborski, 2 years ago

    I agree with Diego, I start everything from scratch for the sole purpose of avoiding unnecessary bloat and having to override things I don't want. I also use a grid framework and a preset normalize file.

    The pros to a framework are that it comes pre polished and covers all your bases.

    The cons are the bloat, and for me, the uniformity. When I used frameworks I felt like I was stuck in a little box.

    0 points
  • David DarnesDavid Darnes, 2 years ago

    After flexbox became stable in most browsers I've been using that rather than a CSS grid system. Typography has been more of a concern now, and Sassline does a great job of sorting this. Then I use normalize to sort minor inconsistencies and this set of flexbox mixins https://github.com/mastastealth/sass-flex-mixin

    Sorted

    0 points
  • Angelos Chalaris, 2 years ago

    I use my own framework, mini.css: https://github.com/Chalarangelo/mini.css It's tiny, responsive, does not force me to use a specific style or naming convnentions and I can always extend it infinitely. Oh, and it contains no Javascript at all!

    0 points