Forms are one of the most important parts of any site or app—they are the most common way for users to give the information. They can be greatly enhanced with a touch of CSS3 and HTML5, making them more usable and far more visually attractive. Here are some examples to help you creating amazing CSS3 and HTML5 forms in no time at all.…
Tags: css3
10 Cool CSS3 jQuery Flip Effects
Using flip effect is a creative way to deliver more content to your users, make flip animations for off-canvas navigation, show something on the back of elements. You could use it for your portfolio pieces. The ways you could use it are only limited by your imagination. In this post i’ll showcase some cool flip effects using jQuery and CSS3. Enjoy !…
10 Free High Quality Flat HTML Website Templates
If you want your website to have a clean and modern design, here i have selected carefully 10 best flat HTML website templates that you can use for free.…
15 Ideas For Modern CSS Effects
Here are some amazing ideas for modern CSS effects using transition and transform that you can view live for inspiration.…
8 HTML5 And CSS3 Polyfill Solutions
A polyfill is like spackle for your Web sites, it’s a way to determine if a given HTML5 feature is available to the user currently browsing your site, and to provide either a shim that ‘fills in’ that support or a course of graceful degradation that enables your site to still function fully. A polyfill can be nearly anything – a JavaScript library that adds support for CSS3 selectors to old versions Internet Explorer. So here are some HTML5 and CSS3 polyfill solutions for your site to provide fallback functionality to older browser.…
7 Useful Tools To Improve Your CSS Workflow
When you develop a website or web app, having the right tools can definitely help you to save a lot of time. In this post, I have compiled a list of fresh and super useful tools to improve your CSS workflow.
Sassaparilla
Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass. It comes with just enough to get you on your way, and no unnecessary extras, so you can spend less time deleting what you don’t need and more time building.
Gridlover
Gridlover gives you adjustable css for font sizes, line heights and margins. The default css output is for body, p and h1 – h4 headings, but you can of course apply your adjusted values to any element by editing the css later.
StyleStats
A Node.js command line utility that can be used in analyzing CSS stylesheet files and reporting on various metrics and performance indicators
CSS Shake
Some CSS classes to move your DOM!
CSS Vocabulary
A small app to browse through which is what in css. Has some sample css with a list of css terminology. Clicking on anything in one panel highlights the corresponding items in the other.
Helium
Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.
extractCSS
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!
12 Modern & Stylish CSS3 Buttons
CSS3 animations, transitions and transforms allow developers to perform all kinds of lightweight magic on web interfaces. This post will show you some examples of button styling with CSS3.…