background preloader

CSS3 Gradient Generator

CSS3 Gradient Generator

Related:  CSSvladimirrcssWeb Devcouleurs

CSS3 Cheat Sheet (PDF) - Smashing Coding Advertisement Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the main features of CSS 3 in a handy, printable reference card. So we asked our friend Chris Hanscom from (who created the HTML 5 cheat sheet) to create a quick reference card for CSS 3.

CSS3 Patterns Gallery Wave (294 B)✖by Paul Salentiny Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. CSS3 Hidden Social Buttons Today we’ll be looking at some very simple techniques using CSS3 transforms to make social link buttons. Usually you’ll see these links all over a site sitting there making a site look ugly. With this technique, we’ll style our buttons with our own CSS, and then let the like/follow/+1 button appear on hover.

50 (Most) Beautiful Blogger Templates There are tonnes of Blogger templates out there, but we all know it’s hard (or perhaps take times) to find the really nice and high quality ones. So for those who are bored with their current Blogger template and intend to change, we thought your time can be spent better on browsing only the best and nicest among the free Blogger themes. Here’s 50 most beautiful Blogger templates we managed to compile. Prepare to scroll after jump.

Color me pretty: 10 Color tools for your web design project - The Hive Web design is all about visuals, and colors pay a key role in how people react to your work. Colors affect a person’s mood and outlook, they act as a symbol of what you represent, and are an important part of brand identity. We’ve compiled a list of our top ten color tools along with a reason as to why we love them so much! 1.Coolers Tools to Make CSS3 CSS or cascading style sheet is basically a style sheet language that is used to describe the presentation semantics or the looks and formatting of a document. This document is written in a mark-up language. One of its basic uses is to style the web pages that are either written in HTML or XHTML but this language can also be applied to any other kind of document. CSS also does a major job that is it separates the content of the document from the presentation of the document and in addition it also includes features like layouts, colors and fonts. This separation that is done by CSS improves the accessibility of the content and also provides more flexibility and control in the specification of presentation. CSS also enables the mark-up languages to be printed in various forms.

Vertical align anything with just 3 lines of CSS With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height. The CSS property transform is usally used for rotating and scaling elements, but with its translateY function we can now vertically align elements. Usually this must be done with absolute positioning or setting line-heights, but these require you to either know the height of the element or only works on single-line text etc. So, to vertically align anything we write: That’s all you need.

reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. Find broken links on your site with Xenu's Link Sleuth (TM) Find broken links on web sites Wikipedia article about Xenu's Link Sleuth Description

Related:  GeneratorsCSS3CSS3DesignEFFETS-IMAGES-DECOCSS3CSS3 toolscss3CSSCSSCSSBODY : FORM & LAYOUTEditer/programmer/DevelopperCSS3CSS Coding Online Action Web AppsCSS y javaCSS 3CSS3JS/jQueryCSS3 online tools and frameworkssees2creativ.e.motioncsscalvintamjliege