animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, etc…
Archive for October, 2011
-
Animate.css – a bunch of plug-and-play CSS animations
Posted: 4 months ago in Code
Read More: Animate.css – a bunch of plug-and-play CSS animations
-
CSS effect: space images out to match text height
Posted: 4 months ago in Tutorials
Make several fixed-width images change their spacing to stay lined up with accompanying text, no matter the window size or text size…
Read More: CSS effect: space images out to match text height
-
BaselineMe – Typographic Baseline Generator
Posted: 4 months ago in Tools
An experimental web app that generates a vector image to use when establishing a typographic baseline grid…
Read More: BaselineMe – Typographic Baseline Generator
-
Styling button elements to look like links
Posted: 5 months ago in Tutorials
Here’s a common scenario: you’re coding up a form with lots of buttons or need to add some elements that trigger JavaScript functions, and in the design comp some of these elements look like links. This article explains how you can make buttons look like regular text links using some neat CSS…
Read More: Styling button elements to look like links
-
Discover the power of CSS3 selectors
Posted: 5 months ago in Tutorials
An article that explains how to keep your markup slim and target elements in the DOM without resorting to extra presentational markup or JavaScript by using CSS3 selectors…
Read More: Discover the power of CSS3 selectors
-
CSS shaders: Cinematic effects for the web
Posted: 5 months ago in Tutorials
Advances in HTML5 and CSS for example transitions, animations, transforms, text shadows, box-shadows, gradients, SVG have improved the graphical and interactive richness of HTML. SVG filter effects are now moving to Filter Effects 1.0 to become available in CSS and HTML, in addition to SVG, and will bring effects such as grayscale, sepia tone, or hue-rotate to all web content…
Read More: CSS shaders: Cinematic effects for the web
-
CSS Button – Create and share your css style
Posted: 5 months ago in Tools
CSSButton is a tool to help web professionals create, save, and share their you guessed it CSS buttons. It’s also a learning tool, to help people understand visually how their CSS is going to work out…
Read More: CSS Button – Create and share your css style
-
Yellow Fade Technique with CSS Animations
Posted: 5 months ago in Code
An alternative method of achieving the Yellow Fade Technique pioneered by 37signals. This method achieves simialr results using just CSS animations…
Read More: Yellow Fade Technique with CSS Animations
-
Font-Embedding Icons: This Is a Big Deal
Posted: 5 months ago in Tutorials
An article proposing the use of @font-face for displaying icons. I feel strongly about the potential of this method, so I thought I would take the time to generate a font set for Iconic and to talk about why we should all be using this method for displaying icons…
Read More: Font-Embedding Icons: This Is a Big Deal