CSS

You must be logged in to view the contents of this board.

CSS

Pin

Boilerplates

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / boilerplates

  1. srsgores/sass-boilerplate
  2. PostCSS Boilerplate - Taiga

Layouts

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / layouts

  1. Full Browser Width Bars | CSS-Tricks
  2. html - 2 column layout (Left column fixed width, right fluid + clear:both) - Stack Over...

Reference

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / ref

  1. CSS Vocabulary | Nimbupani Designs
  2. CSS Terms and Definitions
  3. SitePoint CSS Reference
  4. Block Formatting Contexts
  5. On having layout — the concept of hasLayout in IE/Win
  6. CSS 101: interactive tutorial

Tips

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / Tips

  1. How to Create Diagonal Lines with CSS | Nettuts+
  2. Full Browser Width Bars | CSS-Tricks
  3. A new micro clearfix hack – Nicolas Gallagher
  4. Match all elements except first using CSS, using plus "+" sign | markojakic.net - cool ...
  5. Child and Sibling Selectors | CSS-Tricks
  6. css triangle/arrow grow when its parent div is resized

CSS Areas

Pin

Responsive design

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / responsive design

  1. Mobile Performance Manifesto | David Calhoun's Developer Blog
  2. Which responsive images solution should you use? | CSS-Tricks
  3. This Is Responsive | Tips, Resources and Patterns for Responsive Web Design
  4. Responsive Data Tables | CSS-Tricks
  5. The CSS padding trick: responsive intrinsic ratios | Fred Parke

Navigation

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / Navigation

  1. Using text-align:justify and :after to display equally spaced, justified variable-width...
  2. Equally Spaced, Variable-Width Navigation Links Three Ways

Image Replacement

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / Image Replacement

  1. CSS image replacement with pseudo-elements (NIR) – Nicolas Gallagher
  2. Graphical Headings

Widgets

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / widgets

  1. 4 Ways to Create Awesome CSS-Only Accordions - Hongkiat

Text

Pin
  1. 3D Text

Hacks

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / Hacks

  1. Internet Explorer Conditional Comments
  2. Documenting the Hacks: CSS Browser Targeting | bradKELLETT
  3. Browser CSS hacks « Paul Irish
  4. Target specific browser with jquery browser object jQuery
  5. Modernizr News
  6. CSS - Contents and compatibility

Sass

Pin

Sass Reference

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / Reference

  1. The Sass Way
  2. Sass Style Guide | CSS-Tricks

Sass Tutorials

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / Tutorials

  1. Getting started with Sass and Compass
  2. Beginner Guides & Tutorials on Sass and Compass
  3. The beginner’s guide to Sass | Webdesigner Depot
  4. A beginners guide to SASS, part 1 › The Amazing Web
  5. The Absolute Beginner's Guide to Sass - Treehouse Blog
  6. Sass: Syntactically Awesome Style Sheets

Sass Tips

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / tips

  1. Handy Advanced Sass | 12 Devs
  2. Defining Variable Variables using LESS CSS - Stack Overflow
  3. Jayden Seric | Fun with Sass & font icons
  4. css - Double ampersand in LESS - Stack Overflow

Sass Mixins

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / mixins

  1. pivotaltracker/Retina-Sprites-for-Compass
  2. Handy Sass Mixins | Web Design Weekly

Sass setup

Pin

Bookmarks / Bookmarks Bar / Imported / Bookmarks Bar / css / SASS / setup

  1. Getting started with Grunt and Sass - Ryan Christiani | Front-End Dev
  2. Developing With Sass and Chrome DevTools - Tuts+ Code Tutorial
  3. Debugging Sass with Source Maps | Snug.ug
  4. Enabling Source Maps in Chrome | Danny Croft - Web Developer made in Wales but working ...
  5. Martijn de Valk : Sass + Compass compile two different files for development and produc...

Less

Pin

Debugging

Pin
  1. Debug LESS with Chrome Developer Tools
0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here