Ultimate CSS Gradient Generator - ColorZilla.com
background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
Lancement de Beautiful Type ! | All For Design
Voici la fin d’une collaboration intéressante avec mon ami web designer Francis Chouquet et la naissance d’un nouveau site : Beautiful Type. Illustrations, dessins, photographies mais aussi livres et bonnes adresses web, nous y partagerons avec vous notre passion pour la belle typographie au sens large… Cet article est disponible en Français et en Anglais : Ce n’est pas un secret de dire que la typographie est un domaine qui me passionne. Le site Beautiful Type est tout simplement né de cette passion pour la typo que nous partageons avec Francis. Que trouve t’on sur Beautiful Type ? La ligne éditoriale du site sera dirigée par nos coups de coeur respectifs pour des travaux typographiques divers : print, web, illustrations, logos, posters etc. la passion n’a pas de limite :). Nous avons également inclu une page Links où une liste de sites web en rapport avec le sujet vous attend et une page Books où vous trouverez une liste d’ouvrages de qualité. Et côté technique ? Homepage Page article
GMLStenciler [Mac, Windows, oF] - Convert GML drawings into vect
Golan has just announced the immediate availability of GMLStenciler, an open-source software project for converting Graffiti Markup Language (GML) drawings into vector-art stencils suitable for laser cutting. This free tool solves the problem of transforming GML’s widthless linear strokes into adjustably-thickened stencil patterns with automatically bridged islands. GMLStenciler is built in openFrameworks and can be downloaded here (with complete source code) for Windows and Mac OSX. If you are unfamiliar with GML, in January 2010 the F.A.T. The GMLStenciler software was entirely developed by Charlie, Golan’s 15-year-old (!!!) To read more about GMLStenciler see flong.com/blog/2010/gml-stenciler/ Related
Icon Font & SVG Icon Sets ❍ IcoMoon
20 Free Handwritten Fonts And Resources
Since human existence, communication always is playing very important role in our life using drawings, word of mouth, eye signals etc. To make communication easier and to save information, human invented symbols to describe things they see, speak or just use. Now in our days, for example, we don’t write actual letters, we just send an email, which is really impersonal if we compare those two things. 1. PC / MAC2. Download Leonardo Hand font3. Download Ink Burrow font4. Download Aircut font5. Download Alphamack font6. Download Crushed out girl font7. Download Jellyka font8. Download CK Becky font9. Download Quilline font10. Download Cursive font11.Steve Handwriting Download Steve font12. Download Journal font13. Download Harrison font14. Download Angelina font15. Download Simpsons font5 More Free Handwritten Font Resources 1. 2. 3. 4. 5. About the author Dainis Graveris is a 20 year old web designer and blogger.
Apple-like Slideshow Gallery
via Ad Packs Apple-like GallerySlideshow View the original tutorial » This is a tutorialzine demo. View the original tutorial to read and download the source files. The gallery features artwork from rambocre, pickupjojo and codenamebender
Web Creme | Web design inspiration
Juizy Slideshow - Full CSS3/HTML5 slideshow with transition and animation
Download and share ⇩ Download .zip file of 126 ko already downloaded 86266 times Explanations The idea The idea comes from my two previous experiments : Webdesign and Slideshow full CSS3, and the Automatic Slideshow in CSS3, and the desire to merge the two techniques to create an automatic and manual slide show. Principle I wanted to present you a method to create a slide show using only HTML5 and CSS3 technologies. Technical details Technically, I just used some @keyframes animations with the same duration (here 32s, 8s per image). The play, stop and other control buttons are operated by a diversion of the :target pseudo-class. This slideshow only works for Firefox and Chrome (latest versions), but, as you can see, the click actions are working with an aditionnal element named div.c_slider which has all the images in CSS background. For more technical details, please visit the french tutorial on Creative Juiz blogYou want to improve this code ? Author & Contributors
