HTM CSS - unders/mywiki GitHub Wiki
HTML and CSS reference
Tools
Typography
Dev Tools
- ios-webkit-debug-proxy
- Chrome devtools
- imagemagick
- imagemagick installer for OSX
- ImageAlpha - image compression
- imageoptim - image compression
5star
- variables-in-css-architecture
- The-New-Defaults-A-Sass-Color-Thesaurus
- thenewdefaults colors
- sass-guidelin.se
- getting-started-with-sass
- thesassway
- how-css-selectors-work
- Web fundamentals Google
- extend-sass-with-postcss
xxx
Styleguide
Tools
Templates
Themes
TOP CSS
- design-for-developers-resources
- prevent-common-problems-when-writing-css-from-scratch
- Grid - A simple guide to responsive design
- Yahoo Pure
- Normalize
- using-the-golden-ratio-and-rems
- what-no-one-told-you-about-z-index
- Golden-Grid-System
- design-for-developers-resources
- Lear to Code HTML & CSS
- Learn to Code Advanced HTML & CSS
- CSS Tutorials
- truncate-string-with-ellipsis
- multiple-line-ellipsis-css
TOP HTML
Design
Icons
HTML5
Tutorial
Frameworks
minimal css
Must reads
CSS3 Transitions
- W3 specification css-transitions
- css3-transitions-thank-god-specification
- Transitional Interfaces
- Meaningful Transitions
- css-transitions
- css3-transition-properties
- understanding-css-timing-functions
CSS Animations
- css_transitions_cheatsheet
- css3-animation-demystified
- controlling-css-animations-transitions-javascript
- css3-transition-tutorials-libraries
- css3-animation-demystified
Grid
Flexbox
- flexboxin5
- awesome-flexbox
- flexbox-website
- unravelingflexbox
- solved-by-flexbox
- flexbox-examples
- demos/visual-guide-to-css3-flexbox-flexbox-playground
- a-visual-guide-to-css3-flexbox-properties
- a-guide-to-flexbox AUGUST 17, 2015
- flexible-future-for-web-design-with-flexbox 2015/08
- old-flexbox-and-new-flexbox
- samplechapter
- Flexbox cheatsheet
- w3 CSS Flexible Box Layout Module
- a-guide-to-flexbox
- flexplorer
- using-flexbox
- using-flexbox demo on CodePen
- Dive into Flexbox
- flexbox-basics by Opera
- flexbox playground and code generator
- mozilla Flexible_boxes
- centering-elements-with-flexbox
- html5 rocks: tutorials flexbox
- samplechapter
- cheatsheet
HTML
- html-inspector - HTML Inspector is a code quality tool to help you and your team write better markup.
- tutorials/forms/html5forms
CSS
- Beginning HTML & CSS
- Object-Oriented CSS
- codeschool
- codecademy/web
- html-css
- advanced-html-css
- CSS Tutorials from Mozilla
- Scalable and Modular Architecture for CSS
- on writing css - many links
- centering-elements-with-flexbox
- A set of small, responsive CSS modules that you can use in every web project
- using-the-golden-ratio-and-rems
- centering-percentage-widthheight-elements
- conditional-stylesheets-vs-css-hacks-answer-neither
- 10-awesome-css3-code-snippet-generators-help-you-be-more-productive
- line-height
- what-no-one-told-you-about-z-index
- life-changing-css
- css-architectures-new-best-practices
- Take Control of the Box Model with box-sizing
- css-alignment-and-sizing-snippets
- imitating-calc-fallback-fixed-width-sidebar-in-responsive-layout