background preloader

Loading CSS spinners and bars generator for AJAX & JQuery

Loading CSS spinners and bars generator for AJAX & JQuery

Box Shadow Generator | CSS3 Generator | CSS3Gen Use this CSS3 box shadow generator to quickly generate box shadow CSS for your project. Your browser does not support the CSS3 box-shadow property. You can still use this tool to generate the CSS3 rule, but you won't be able to see the results. <div class="error_msg">Please enable Javascript to use this page. Box Shadow Explained The CSS3 box-shadow property allows you to add depth to your website's design without the need for images or extra container elements. While the syntax is easy to understand, it is hard to visualise the style using just code. The box-shadow syntax works as follows: The first value defines the distance of the box shadow in the x (horizontal) direction and the second value defines the distance in the y (vertical) direction. Optionally you can include an additional parameter after the blur distance: This defines the spread distance of the shadow. Supporting Browsers

Style Master CSS Editor for Windows and Mac OS X Cool Tools and Toys for Web Developers John, the lead developer (ok, pretty much the only developer) of Style Master is an avowed hacker. He loves exploring and experimenting with the latest features in browsers. Here's a collection of tools for web developers he's put together to help you analyse and debug your sites (and other people's sites as well), play with CSS3 features (bleeding edge browsers recommended) and more. XRAY works in Safari, Firefox and Internet Explorer. XRAY uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas. MRI helps you create the best possible selectors for your CSS. MRI also uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas. CSS3 Sandbox Gradients Explore CSS gradients (both linear and radial) (an experimental feature in Safari 4, and a proposed addition to CSS3). Shadows CSS now lets you create drop shadows on text, and on the box of an element.

lesCigales.ORG : Hébergement gratuit de sites PHP Perl Python Ruby Les 10 meilleures ressources HTML5 en ligne pour les graphistes Découverte sur Smashing Hub, cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites, En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc… Sans plus attendre, voici la sélection des dix meilleures ressources en HTML5 pour les graphistes. Découvrez Online 3D Sketch Tool. Pour tourner votre dessin en 3D, il vous suffit de maintenir enfoncée la touche « espace », puis, de faire glisser horizontalement votre curseur. L’utilisation impressionnante des outils tels que jQuery, CSS3 et HTML5 vous pouvez concevoir vos images en sprites. Il s’agit d’un outil pur HTML5.

SpinKit | Simple CSS Spinners Source View on GitHub SpritePad - Create and edit css sprites HTML and CSS Table Border Style Wizard Compatibility Notes If you are using Internet Explorer 6, you should be able to use this wizard with only minor limitations. This page does not work with Opera 8 or IE 5 on Mac. Internet Explorer 6 does not support the border-spacing CSS2 table property. It also does not support any Netscape-specific CSS properties that are prefixed with -moz, and has limited support for the cursor property. This means you will not see all the effects in this wizard unless you use a browser like Firefox. Table Border Style Wizard Welcome to the totally revamped HTML and CSS border style wizard! The style sheet code generated by this wizard shows the easy way to apply a style to a table. The above example doesn't show it, but you can also efficiently alternate the row colors in an HTML table by using inheritance. The -moz-border-radius style tag will be rendered in browsers based on the Gecko Runtime Engine. HTML Toggle Buttons This is a lot of work to do something fairly simple. Get Firefox Now! Links

HTML: liste de caractères spéciaux Au sens strict, les caractères ASCII ne concerne que les 128 premiers caractères, de 0 à 127. Les 32 premiers (de 0 à 31) sont les caractères de contrôle, utilisés autrefois pour les terminaux, codant le formatage des messages (début et fin de transmission, données...). L'octet 3 était utilisé pour la fin d'un texte: [ctrl-c] met fin à une commande en mode console. L'octet 4 était utilisé pour une fin de transmission: [ctrl-d] ferme une console (du moins en UNIX)... Actuellement, les caractères 7 (cloche), 8 (backspace), 9 (tabulation), 10 (ligne suivante pour MS, paragraphe pour Unix et OSX), 12 (nouvelle page), 13 (début de ligne pour MS, nouveau paragraphe pour Mac jusque l'OS9) et 27 (séquence d'échappement) peuvent servir à formater des textes simples ou une console (émulation de terminal), mais ne servent pas en HTML. Les caractères «visibles» ne commencent donc qu'avec l'espace (32).

Grid System Generator The Matrix Revolutions (CSS 3D – 2) | eleqtriq This is the second part of a mini-series covering css 3d-transformations. If you missed the first part, you can read it here. Suddenly they were here: with the increasing adoption of CSS3 in modern web-browsers a strange instument showed up in our toolbox, but nobody knew exactly how to use it: transformation-matrices. How could this mathematical object, obviously invented by some crazy geek with a bias for 90ies science-fiction movies happen to get lost in a CSS-proposal? The good news first: even though "transformation-matrix" may be difficult to spell, it's less difficult to grasp the concept. Unfortunately there is not too much documentation on the web regarding transformation-matrices for mathematical illiterate folks like us designers. What are Matrices? Matrices are like the warp engine in star-trek: space-time-continuum is changed from the outside, but the people in the star-craft don't notice anything. Matrices do have some more advantages: How does it look? The W-row is tricky.

Генератор индикаторов загрузки для AJAX и jQuery. Легок в использовании и кастомизации. by viktory12345 Feb 8

Related:  CSS & CSS3Css Tools