list of flexbox based grid libraries

• topcoat-grid
• flexbox-grid by @zeMicro
• ptb2.me/flexgrid
• codepen.io/marcolago/pen/lqGFb
• philipwalton.github.io/solved-by-flexbox/demos/grids
• davidwalsh.name/stylus-grid

FYI

flex-box support table (IE10+, etc)

js support library

icons in pseudo-element ::before ::after content

With CSS3 you can use content property of any pseudo-element, like ::before or ::after. By utilizing this property you can easily implement basic icons for you HTML-markup.
There are in total 18+ icons and symbols available out of the box!

phone links color on iOS broser - iPad/iPhone

Among a variety of CSS attribute selectors some behave specifically when viewing form mobile device. This occasionally happens for iOS devices - the phone number starts looking like a link.

adding custom icons in Twitter Bootstrap

You can enhance your design capabilities by adding as many icons as you like. Basic CSS syntax is the following:

.icon-whatever{

    background-image: url("url_to_image_whatever.png

");

    background-position: center center;

}

значения ширины экрана для media queries в css

1. /* телефон в вертикальном положении и прочее */
2. @media (max-width: 480px) { ... }
3.  
4. /* телефон в горизонтальном положении или планшет в вертикальном */
5. @media (max-width: 767px) { ... }
6.  
7. /* планшет в горизонтальном положении или маленький настольный компьютер */
8. @media (min-width: 768px) and (max-width: 979px) { ... }
9.  
10. /* большой стационарный компьютер и выше */
11. @media (min-width: 1200px) { ... }

Отсюда: http://twitter.github.com/bootstrap/scaffolding.html

приоритеты селекторов в CSS

Существует 4 правила по которым вычисляется специфичность селекторов:

1. Свойство с указанием !important (при наличии нескольких - выполняется правило идущее последним)
2. Указание свойства в style="" тега. Правило перекрывает все селекторы описанные в стилях.
3. Присутствие ID в селекторе: #some-id
4. Все атрибуты(в том числе и атрибут .class) и псевдоклассы в селекторе.
5. Селекторы с именами элементов: name=['textfield'] и псевдоэлементами.

И еще дополнительно: подробная статья на w3.org