background preloader

CSS3 Button Generator

CSS3 Button Generator

Related:  trucs de oufDev WebCSS / HTML

Stripe Generator - ajax diagonal stripes background designer TIP: You can use up to 5 different color for your stripes. stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Tile size: 6px * 6px open fullscreen preview Components Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.

Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. Everything You Need to Know about CSS3 Color Techniques CSS3 is revolutionizing Web by introducing a number of totally amazing elements and attributes that push modern web development a little bit forward. Many features are already supported to some extent in latest versions of the modern web browsers such as Chrome, Firefox, Safari, and Opera. In this article we will talk about CSS3 colour techniques such as RGB / RGBA and HSL / HSLA color models, opacity, linear and radial gradients, box and text shadows as well as show you some examples of excellent implementation of the CSS3 colour techniques in practice. You will get some hints as to the new markup, understand how to incorporate new CSS3 elements, embrace the new creative freedoms of CSS3 and start using powerful and absolutely awesome CSS3 colour techniques today!

Adding Contact Form on Blogger or Blogspot blogs with Google Form » mayvelous Author: May (27 votes, average: 4.89 out of 5) Loading ... 19Feb I fell in love with Google Forms for quite some time now. Fathom.js If you're making a presentation on JavaScript, make it in Javascript. Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you're done, Fathom.js even lets you sync the video of your presentation quickly and easily. Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

Animated Books with CSS 3D Transforms A creative way to show interactive books using CSS 3D Transforms. View demo Download source In this playground we’ll show you some creative, animated books with CSS 3D transforms and transitions. We’ll show you two types of book designs: hardcover and paperback. CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects.

CSS3 Image Styles When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically. Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick.

How to Put an Order Form or Buy Now Button on Your Website Using PayPal Add a Single Product Shopping Cart by Christopher Heng, If you are planning to set up an online shop, ie, a website to sell a product or a service, where the payment is a simple one-time charge, this article describes how you can add a "Buy Now" button that leads to a secure order form so that your visitors can purchase your product/service.

Related:  HTML 5 & CSScsscss3Outils & Sprites