Daily Links

Category: CSS

Jan 31

Bootstrap 4 Code Snippets

Some code snippets to showcase what Bootstrap 4 has to offer.   https://speckyboy.com/bootstrap-4-code-snippets/

posted on 31/01/2018 at 12:14 PM  in: CSS | Mobile | Web design | 

Aug 18

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.   https://goo.gl/imxSqG

posted on 18/08/2017 at 10:47 AM  in: Browsers | CSS | Javascript | Web design | 

Jun 20

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.   https://css-tricks.com/well-documented-css-codebase-look-like/

posted on 20/06/2017 at 10:02 AM  in: CSS | UI + UX | Web design | 

Nov 11

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.   https://github.com/bradfrost/frontend-guidelines-questionnaire

posted on 11/11/2016 at 02:51 PM  in: Browsers | CSS | Inspiration | Javascript | Mobile | Developer | Tutorials | UI + UX | Web design | 

Nov 11

CSS Architecture for Design Systems

CSS Architecture for Design Systems by Brad Frost - rules and tricks for large CSS projects   http://bradfrost.com/blog/post/css-architecture-for-design-systems/

posted on 11/11/2016 at 02:46 PM  in: CSS | Inspiration | Tutorials | Web design | 

Sep 07

Front-End Developer Handbook

A guide that anyone could use to learn about the practice of front-end development.   http://www.frontendhandbook.com/

posted on 07/09/2016 at 04:26 PM  in: Browsers | CSS | Design | Inspiration | Javascript | Mobile | Developer | Tutorials | UI + UX | Web design | 

Sep 06

Understanding CSS3 Flexbox for Responsive Design

The fundamentals of CSS flexbox usage   https://envato.com/blog/css3-flexbox/

posted on 06/09/2016 at 04:28 PM  in: Browsers | CSS | Mobile | Tutorials | UI + UX | Web design | 

Aug 30

In-view

A javascript that notifies when a DOM element enters or exits the viewport   https://camwiegert.github.io/in-view/

posted on 30/08/2016 at 11:47 AM  in: Browsers | CSS | Design | Javascript | 

Aug 29

Cheatsheets, Guides & Docs for Web Designers

A collection of useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design.   https://envato.com/blog/cheatsheets-web-designers/

posted on 29/08/2016 at 11:40 AM  in: CSS | Design | Design Resources | Inspiration | Javascript | Mobile | Developer | Tutorials | UI + UX | Web design | Web services | Web Standards | 

Aug 20

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).   https://cvan.io/flexboxin5/

posted on 20/08/2016 at 10:40 AM  in: Browsers | CSS | Tutorials | Web design | 

Apr 27

Optimizing SVGs

Tools And Resources For Editing, Converting And Optimizing SVGs, some quick tips   https://www.smashingmagazine.com/2016/04/tools-and-resources-for-editing-converting-and-optimizing-svgs/

posted on 27/04/2016 at 01:27 PM  in: Browsers | CSS | Inspiration | Mobile | Developer | Tutorials | Web design | 

Apr 24

Becoming a designer who codes: the making of a unicorn

Becoming a designer who codes: the making of a unicorn   http://blog.invisionapp.com/becoming-a-designer-who-codes/

posted on 24/04/2016 at 01:44 PM  in: Browsers | CMS | CSS | Design | Illustrations | Inspiration | Mobile | Developer | Tutorials | Web design | Web services | 

Feb 08

Learning Sass with CodePen, Part Two: Nesting

Learning Sass with CodePen, Part Two: Nesting   http://demosthenes.info/blog/979/Learning-Sass-with-CodePen-Part-Two-Nesting

posted on 08/02/2015 at 03:22 PM  in: CSS | Tutorials | 

Feb 04

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.   https://medium.com/@clarklab/starting-a-sass-workflow-with-alfred-14f88903602a

posted on 04/02/2015 at 03:01 PM  in: CSS | Design | Tutorials | Web design | 

Jan 14

9 basic principles of responsive web design

Some basic principles of responsive web design.   http://blog.froont.com/9-basic-principles-of-responsive-web-design/

posted on 14/01/2015 at 11:19 AM  in: Browsers | CSS | Mobile | Typography | Web design | 

Jan 11

Sass Basics: The Mixin Directive

Good write-up about how to use Sass mixins   http://www.sitepoint.com/sass-basics-the-mixin-directive/

posted on 11/01/2015 at 11:08 AM  in: CSS | Tutorials | Web design | 

Jan 10

Website Style Guide Resources

Nice collection of style guides.   http://styleguides.io

posted on 10/01/2015 at 11:18 AM  in: CSS | Inspiration | Tutorials | Web design | 

Jul 01

The magic of css

The magic of css - interesting online book by Adam Schwartz   http://adamschwartz.co/magic-of-css/

posted on 01/07/2014 at 03:25 PM  in: Browsers | CSS | Tutorials | 

Apr 26

Learn Responsive Design

10 weeks of hands-on training by Zurb University   http://zurb.com/university/responsive-design?

posted on 26/04/2014 at 09:24 AM  in: Browsers | CSS | Events | Mobile | Tutorials | 

Apr 25

Type Scale

Type scale is a handy online tool for Visual Type scale with a CSS generator - made by Jeremy Church   http://type-scale.com/

posted on 25/04/2014 at 09:35 AM  in: CSS | Design | Mobile | Typography | 

Powered by Creative Market


Creative Market