background preloader


Facebook Twitter

Démos CSS3. Animate.css. Necolas/normalize.css. Magic Animations CSS3. Grains of Sand Web Design. Custom Login Form Styling. Basic Ready-to-Use CSS Styles. Heading Set Styling with CSS. We choose to go to the moon.

Heading Set Styling with CSS

We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win, and the others, too. This is a simple title of level 2 The surface is fine and powdery. I can kick it up loosely with my toe. It does adhere in fine layers, like powdered charcoal, to the sole and sides of my boots. Another one First, I believe that this nation should commit itself to achieving the goal, before this decade is out, of landing a man on the moon and returning him safely to the earth.

This one goes deeper A good rule for rocket experimenters to follow is this: always assume that it will explode. Even deeper. Fullscreen Layout with Page Transitions. A simple responsive layout with some fancy page transitions.

Fullscreen Layout with Page Transitions

The idea is to show four items initially and expand them. Some additional page transitions are added for inner items. View demo Download source Today we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. All effects are done with CSS transitions and controled by applying classes with JavaScript. Please note: this only works as intended in browsers that support the respective CSS properties.

The beautiful illustrations used in the works section of the demo are by talented Isaac Montemayor. A Collection of Page Transitions. A showcase collection of various page transition effects using CSS animations.

A Collection of Page Transitions

View demo Download source Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics. Please note that this is just for showcasing some interesting effects and for inspiration. SmartAdmin - Responsive WebApp. Announcements!

SmartAdmin - Responsive WebApp

Please close the default WrapBootstrap iFrame when viewing from IECheck out SmartAdmin Bug Tracker for all reported issues and wish listsVersion 1.4 now comes with Pure HTML Version, Advanced PHP Version with custom functions and AngularJS Version (to help you get started)! If you have already purchased SmartAdmin you can redownload all future updates, at no extra cost, by visiting this link: SmartAdmin WebApp - goes beyond the ordinary admin template. Super Cool Responsive Menu Designs. HTLM/CSS. 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.

Responsive Web Design: Layouts and Media Queries

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. jQuery Circulate. Prereqs Requires the jQuery Library as well as the Easing plugin.

jQuery Circulate

Usage / Options / Defaults. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Box-shadow property vs. drop-shadow filter: a complete comparison. Sass - Syntactically Awesome Stylesheets. Compass Documentation.

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 A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording. Free CSS Drop-Down Menu Framework - LWIS.NET. Description Free CSS Drop-Down Menu Framework was first released back in June, 2008.

Free CSS Drop-Down Menu Framework - LWIS.NET

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. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Frequently Asked Questions Q.Why are you using CSS property visibility and not display in order to reveal and hide drop-down menus? In my tests some versions of IE7 did not handle display property correctly. Now you will be able to manipulate your drop-downs with JavaScript (use animations, etc.). Q.How do I center the menu horizontally? LESS « The Dynamic Stylesheet language.

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