Categories
Similar Boards
Suggest a Link

CSS

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

Sites

Pin
  1. meyerweb.com
  2. CSS-Tricks
  3. Design & UX: Learn Design, UX, Photoshop, Animation & More - SitePoint

Boilerplates

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

Layouts

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

Reference

Pin
  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
  7. 1 more

Tutorials

Pin
  1. How To Benefit From CSS Generated Content And Counters | Smashing Coding
  2. CSS Transitions - All you need to know | Mostly harmless by Alex MacCaw

Tips

Pin
  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

Tools

Pin
  1. When can I use... Support tables for HTML5, CSS3, etc
  2. :nth-child tester
  3. 2015's most common CSS Resets to copy/paste, with documentation
  4. Awesome CSS3 generators to simplify front end development | CatsWhoCode.com
  5. CSS triangle generator
  6. Ultimate CSS Gradient Generator - ColorZilla.com
  7. 4 more

Playground

Pin
  1. CSSplay | Stu Nicholls | Experiments with cascading style sheets | Doing it with Style
  2. CSS playground
  3. Shading with CSS text-shadows « The Typekit Blog
  4. Multiple borders with box-shadow · dropshado.ws
  5. Beautiful UI styling with CSS3 text-shadow, box-shadow, and border-radius - Dev.Opera
  6. Multi-direction hover - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQu...
  7. 10 more

Responsive design

Pin
  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
  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
  1. CSS image replacement with pseudo-elements (NIR) – Nicolas Gallagher
  2. Graphical Headings

Widgets

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

Text

Pin
  1. 3D Text

Hacks

Pin
  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 Reference

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

Sass Tutorials

Pin
  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
  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
  1. pivotaltracker/Retina-Sprites-for-Compass
  2. Handy Sass Mixins | Web Design Weekly

Sass setup

Pin
  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...

Debugging

Pin
  1. Debug LESS with Chrome Developer Tools

Reference

Pin
  1. Less (stylesheet language)
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