Categories
Resources Web Development

CSS resources links and information

A complete guide to flexbox – Great introduction and coverage of flexbox and how to use it to layout content.

Floats vs inline-block – We used to use float and inline-block for content layout.

Progressively Enhanced CSS Layouts: Floats to Flexbox & Grid – great article explaining how we got to Flexbox and grid and how to use them for page layouts

Categories
Resources Web Development

SASS CSS resources and links

SASS makes CSS way easier. You don’t have to type the same things over and over. You don’t have to hunt down instances of colors to change the theme of your website. You don’t have to hunt down font definitions to change them. You get variables and functions right in your CSS to make everything easier, faster and cleaner. In the past CSS was actually way more time consuming than writing the backend code that handled the websites/apps requests. Times have changed.

Articles

Sass Basics – basic intro and documentation

Sass Documentation

Sass vs. SCSS: which syntax is better? – an article that discusses the history of SASS and the .scss vs .sass file extensions.

Videos

Learn Sass In 20 Minutes | Sass Crash Course