html/css
Get flash to fully experience Pearltrees
Here’s an alternative method for writing IE specific style rules without having to move them into separate files. The idea is to put your IE styles into a @media block that will only be applied in certain versions of IE. I discovered this trick while looking for a way to write a media query pass-through filter for older versions of IE.
Moving IE specific CSS into @media blocks | Keith Clark
CSS3 Form Styling Cheat Sheet | Tiffbits
I hate styling forms. I never remember them. So here are the styles I use the most. *Be mindful of browser compatibility (see chart ).Published by Chris Coyier Mixins are one of the most useful and compelling reasons to use a CSS preprocessor. The typical way they are presented is for helping with CSS3 vendor prefix stuff. Indeed that is a compelling use case. No more tedious writing of all the prefixes and even more tedious updating of them over time. However, if you are using Sass , you can use Compass , and Compass already has all those CSS3 mixins ready to go for you.
Custom User @mixins
Basic Ready-to-Use CSS Styles
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements. View demo Download source Today we are going to dig a little bit more into process development. When you’re creating a website or an application from scratch, you may need a collection of patterns helping you building thing up. That is the point of today’s tutorial.
Таблица поддержки браузерами CSS3
5 октября 2012 в 16:27 Хотя CSS3 ещё не является стандартом W3C , последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств.
«Див» блоки одинаковой высоты
На днях столкнулся с задачей: Сделать две одинаковые по высоте <div> -колонки, не зависимо от количества текста в какой либо из них. Условия:How to I get things to align properly within my tables? example To place text or graphics where you want in a TABLE Cell (TD) Just find the look you like, and find the ALIGN and VALIGN values. ALIGN is for horizontal placement and VALIGN is for the vertical.
How to line up TABLE cell contents (TD)
CSS3 :First-Of-Type Structural Selector
One thing that I love about CSS3 is is the new addition of selectors that allow us to target elements specifically without relying on the class , id or other element attribute, and one that we will cover here is the following selector, :first-of-type . The :first-of-type selector will target the first child of the specified element, for example, the snippet below will target the first h2 on the web page. h2:first-of-type { /* style declaration */ } The :first-of-type is also equal to :nth-of-type(1) , so rather than selecting only the first of the type, we can further select the second, the third and so on. The following snippet will target the second h2 element on the web page.
Перевод статьи Николаса Галлахера «About normalize.css» , переводчик — ablay Normalize.css – маленький CSS файл, обеспечивающий лучшую согласованность браузеров в стандартном оформлении элементов. Это новая, HTML5 совместимая, альтернатива традиционному CSS сбросу.
Про normalize.css
Beveled, Pressed & Shadow Borders with CSS
This week, I’ve been doing some website re-tooling. I’m converting my WordPress site from a self-built theme to a fully awesome and optimized Standard Theme without changing my overall design . Of course, I am making some minor changes here and there with things I didn’t like or could be better.With a basic understanding of HTML and CSS in hand it is time to dig a little deeper and see what actually assembles these two languages. In order to start building web pages you need to learn a little about which HTML elements are used to display different types of content. You will also want to know how these different elements behave, to help ensure you achieve your desired outcome.
Elements & Semantics - A Beginner's Guide to HTML & CSS
Styling children based on their number, with CSS3
The original idea belongs to André Luís , but I think it could be improved to be much less verbose. André’s solution is like this: It’s based on the relationship between :nth-child and :nth-last-child.Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
CSS background image hacks
The biggest problem with javascript is that we can’t completely rely on it. It can easily be disabled, and once this happens, websites should still function correctly. Javascript powered sub-navigation menus are a big problem, because if javascript is disabled, your website’s navigation suddenly goes out the door.