31 Jan 2018
Bootstrap 4 Code Snippets
Some code snippets to showcase what Bootstrap 4 has to offer.
Links category
CSS
90 items
18 Aug 2017
CSS and JS code coverage in Google Chrome
Find unused CSS and JS code with the new Coverage tab. When you load or run a page, the tab tells you how much code was used, versus how much was loaded. You can reduce the size of your pages by only shipping the code that you need.
20 Jun 2017
What Does a Well-Documented CSS Codebase Look Like?
In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation.
11 Nov 2016
Frontend Guidelines Questionnaire
A one-page questionnaire to help your team establish effective frontend guidelines, so that you can write consistent & cohesive code together by Brad Frost.
11 Nov 2016
CSS Architecture for Design Systems
CSS Architecture for Design Systems by Brad Frost - rules and tricks for large CSS projects
07 Sep 2016
Front-End Developer Handbook
A guide that anyone could use to learn about the practice of front-end development.
06 Sep 2016
Understanding CSS3 Flexbox for Responsive Design
The fundamentals of CSS flexbox usage
30 Aug 2016
In-view
A javascript that notifies when a DOM element enters or exits the viewport
29 Aug 2016
Cheatsheets, Guides & Docs for Web Designers
A collection of useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design.
20 Aug 2016
Flexbox in 5 Minutes
Flexbox in 5 Minutes is a simple tour of what Flexbox is and does in just 5 minutes (comprised of 53 slides).
27 Apr 2016
Optimizing SVGs
Tools And Resources For Editing, Converting And Optimizing SVGs, some quick tips
24 Apr 2016
Becoming a designer who codes: the making of a unicorn
Becoming a designer who codes: the making of a unicorn
08 Feb 2015
Learning Sass with CodePen, Part Two: Nesting
Learning Sass with CodePen, Part Two: Nesting
04 Feb 2015
Starting a SASS workflow with Alfred
When you’re working with SASS (or Compass, or Bourbon, etc), and you want a simple way to compile your code, you might try a solution like CodeKit or Hammer.
14 Jan 2015
9 basic principles of responsive web design
Some basic principles of responsive web design.
11 Jan 2015
Sass Basics: The Mixin Directive
Good write-up about how to use Sass mixins
10 Jan 2015
Website Style Guide Resources
Nice collection of style guides.
01 Jul 2014
The magic of css
The magic of css - interesting online book by Adam Schwartz
26 Apr 2014
Learn Responsive Design
10 weeks of hands-on training by Zurb University
25 Apr 2014
Type Scale
Type scale is a handy online tool for Visual Type scale with a CSS generator - made by Jeremy Church