CSS

Facebook Twitter
Super Cool Responsive Menu Designs | Web Design Tips | Webmaster Tips
HTLM/CSS

Responsive Web Design: Layouts and Media Queries Responsive Web Design: Layouts and Media Queries With the growing number of Smartphone produced in the last three years and the diversity of screen sizes it’s practically impossible to ignore users that browse on a mobile device. Whether they use an Android phone, Windows Mobile phone, a BlackBerry device or an iPhone, whether they are on a tablet, on a Smartphone or on a big screen, each user deserves the best experience possible. As designers, it is our goal to provide those users a nice experience browsing the websites we created, whatever the device used to browse is.
Foundation: The Most Advanced Responsive Front-end Framework from ZURB

Foundation: The Most Advanced Responsive Front-end Framework from ZURB

Semantic Everything is semantic. You can have the cleanest markup without sacrificing the utility and speed of Foundation. Mobile First
box-shadow property vs. drop-shadow filter: a complete comparison There’s been a lot of talk over the last few days over the differences between the CSS3 box-shadow property and the drop-shadow filter. * The former has been around for a long time, and is well-supported across modern browsers; the latter is a translation from SVG into CSS, and currently only has support in recent Webkit-based applications, or in Firefox through an equivalent SVG filter. At first glance the CSS and filter shadow techniques appear to be same effect: even their syntaxes are very similar. As we’ll see, there are some very significant differences between the two. .shadowfilter { -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); filter: url(shadow.svg#drop-shadow); } box-shadow property vs. drop-shadow filter: a complete comparison

Sass - Syntactically Awesome Stylesheets

Registration is now open for Camp Sass, held in San Francisco on April 19th. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Sass - Syntactically Awesome Stylesheets
Compass Home | Compass Documentation

Compass Home | Compass Documentation

Why designers love Compass. Experience cleaner markup without presentational classes.It’s chock full of the web’s best reusable patterns.It makes creating sprites a breeze.Compass mixins make CSS3 easy.Create beautiful typographic rhythms.Download and create extensions with ease. Compass uses Sass.
Ingrid – a fluid CSS layout system Hello, my name is Ingrid Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts. Ingrid is also meant to be an extendable system, easy to customize to your own needs. Some examples unit Ingrid – a fluid CSS layout system
Description Free CSS Drop-Down Menu Framework was first released back in June, 2008. Since then it has struck the audiences with its perfect cross browser performance and wide variety of drop-down menu transformations and themes. As the internet changes this project remains a steady advocate of purely CSS driven solutions. Modular, with themes. Free CSS Drop-Down Menu Framework - LWIS.NET Free CSS Drop-Down Menu Framework - LWIS.NET
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes. For example: compiles to LESS « The Dynamic Stylesheet language

LESS « The Dynamic Stylesheet language

When can I use... Support tables for HTML5, CSS3, etc

When can I use... Support tables for HTML5, CSS3, etc

# CSS inline-block - Recommendation Method of displaying an element as a block while flowing it with text. Only supported in IE6 and IE7 on elements with a display of "inline" by default.