CSS3

108 articles

Arrange Letters Along a Curved Path using jQuery CSS3: Arctext.js

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. The main idea behind the Arctext…

Support Chart for CSS3 Features With Example Code: CSS3 Click Chart

CSS3 is an enhanced version of the Cascading Style Sheets specification, and it comes with many enchanting features that revolutionize Web layout and design, as well as other advantages. CSS3 Click Chart is a place which enables us to easily find out and displays support and examples of the new features in CSS3. It has two sections to choose from:…

Rapid Website Development HTML CSS ToolKit: HTML KickStart

HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (JavaScript) files, layouts, and elements designed to give you a head-start and save you 10's of hours on your next web project. HTML KickStart includes everything you need to rapidly create website layouts – things like slideshows, menus, flexible grids, image placeholders, buttons, and more – saving you a…

Build A Website On The Infinite Canvas: jmpress.js

jmpress.js is an awesome jQuery plugin to build a website on the infinite canvas. This plugin is a port of impress.js based on the power of CSS3 transforms and transitions in modern browsers. The library supports jQuery UI themes, falls back to .animate() when transforms aren’t supported, and comes with touch support for mobile devices. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback…

Create Visually Stunning Presentations With CSS3 Transitions: Impress.js

Impress.js is a presentation framework based on the power of CSS3 transforms and transitions in modern browsers. It helps you to create visually stunning presentations with CSS3 awesomeness. Currently impress.js works fine in latest Chrome/Chromium browser, Safari 5.1 and Firefox. As it was not developed with mobile browsers in mind, it currently doesn't work on any mobile devices, including tablets.…

Bookmarklet For Testing Graceful CSS3 Degradation: deCSS3

deCSS3 is a bookmarklet for testing your graceful degradation of CSS3 features. Use this bookmarklet to get a whiff of what your site will look like on older browsers that don't support CSS3. deCSS3 saves time and let you see how well your pages are gracefully degrading without having to open up IE6-8. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and…

Interactive HTML CSS3 Playground: Dabblet

Dabblet is an interactive HTML CSS3 playground (Live HTML/CSS editing) that provides you an visual environment to view your css results as your write it. If offers automatic vendor prefixing for CSS3 properties, the prefix-free script means you can just write, border-radius instead of -moz-border-radius, -webkit-border-radius, etc... [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open…

Circular Path Menu in Pure CSS3

A very nice circular path menu developed using pure CSS3. This path menu is completed built with only HTML / CSS3, no images and no JavaScript. To calculate the coordinates of items and generate the animation, author used Sass+Compass, a math formula in order to add the item's position on the arc of circle and generated keyframe animation for each…

Web-based CSS Button Maker: Button X

Button X is an web-based CSS button maker tool which helps you create awesome CSS3 buttons without Javascript, Flash or even Images. Customize and experiment CSS3 features with an easy to use UI, create your own button and get your CSS code. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal…

How to Build An CSS3 Animated Dropdown Menu

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics of a document written in a markup language. CSS3 features like transitions, animations and transforms can add extra spice to your designs. In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features. [rss]Special…