CSS

TwitterFacebook

get money, fuck bitches. jk Jan 25

Get flash to fully experience Pearltrees
CSS3

CSS Ribbon Menu

February 1, 2012 This uses CSS3 transitions and CSS2 pseudo-elements to create an animated navigation ribbon with minimal markup. Browser Support IE8 and IE9 do not support CSS3 transitions, so the hover state will not be animated for those browsers. Otherwise it looks and functions the same, which I think is a very acceptable fallback. http://www.jacklmoore.com/notes/css3-ribbon-menu

Powerful New CSS- and JavaScript-Techniques (2012 Edition)

http://coding.smashingmagazine.com/2012/06/21/powerful-new-cssjavascript-techniques/ Since our last round-up of useful CSS techniques , we’ve seen a lot of truly remarkable CSS geekery out there. With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage. Since the release of the previous post, we’ve been collecting, sorting, filtering and preparing a compact overview of powerful new CSS techniques . Today we finally present some of these techniques.
http://lea.verou.me/2012/02/simpler-css-typing-animation-with-the-ch-unit/

Simpler CSS typing animation, with the ch unit

A while ago, I posted about how to use steps() as an easing function to create a typing animation that degrades gracefully. Today I decided to simplify it a bit and make it more flexible, at the cost of browser support. The new version fully works in Firefox 1+ and IE10, since Opera and WebKit don’t support the ch unit and even though IE9 supports it, it doesn’t support CSS animations. To put it simply, one ch unit is equivalent to the width of the zero (0) character of the font.
http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/ In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options.

How to adjust an iframe element’s height to fit its content

HTML5 snippet : CSS Lifted corner Drop Shadow

http://html5snippets.com/snippets/10-css-lifted-corner-drop-shadow# <!DOCTYPE html> < html > < head >
This CSS footer stylesheet will make a footer stick to the bottom of the page . CSS Sticky Footer There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they've used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it's completely valid CSS, and it works in all major browsers. http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Make a Footer Stick to the Bottom of the Page

Getting started Creating the default layout The first step of this tutorial is obviously to create a HTML page. I chose to make a simple HTML5 page with only a header image, a title, and some text.

Create an adaptable website layout with CSS3 media queries

http://www.catswhocode.com/blog/create-an-adaptable-website-layout-with-css3-media-queries
http://www.designyourway.net/blog/resources/top-100-useful-and-detailed-css3-tutorials-and-techniques/

Top 100 Useful And Detailed CSS3 Tutorials And Techniques | Design your way

I was trying a few weeks ago to find some CSS3 tutorials on a specific topic so I looked and looked and went through a lot of articles and annoyed me that I spent a lot of time looking for that single tutorial I wanted. To help you not go through the same thing I’ve made a sorted list of CSS3 tutorials on 5 categories: , , , and . This way a newcomer to CSS3 coding can find what he wants and needs.
We’ve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, you’ll find some of the best ways to use CSS for your website navigation. You’ll find a variety of techniques that truly showcase the capabilities of CSS. In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface. 1.

30 Exceptional CSS Navigation Techniques

http://sixrevisions.com/css/30-exceptional-css-navigation-techniques/

Mastering CSS Coding: Getting Started - Smashing Magazine

CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS. http://coding.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/

Rolling a coke can around with pure CSS

Wednesday, January 27th, 2010 < p >Román Cortés is having a lot of fun with CSS tricks these days. He just built an example rolling CSS coke can that uses background-attachment, background-position, and a few other tricks to get the effect.

The 30 CSS Selectors you Must Memorize

This entry is part 2 of 16 in the CSS3 Mastery Session - Show All « Previous Next » Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.