background preloader

HTML5 Please - Use the new and shiny responsibly

HTML5 Please - Use the new and shiny responsibly
Related:  HTML5 - CSS

Tweet Heat - The hottest Tweets of the Month [January 2012] This is a guest post by Jan Rajtoral AKA Gonzo the Great, founder of gonzodesign, who provides design services across the full spectrum of Brand Identity, Graphic Design, Print and Advertising Design & Website Design. In this new series of posts we’re going to take a look at what has been published last month in the Blogosphere. We hand-picked the best stuff including resources, tutorials, scripts/snippets, WordPress related posts and a lot more. All these design-related links have been mentioned on Twitter in the last month, and collated in this single article. So, I hope you’ll enjoy this roundup cause we think that having resources and staying up-to-date is important in your personal growth and development as a (web) designer or developer. HTML, CSS, PhP, Coding & Resources HTML5 Please - Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. Tutorials 3×4 Grid Builder - Drag and drop.

23 Useful Online HTML5 Tools Are you aware that HTML5 is captivating the web by leaps and bounds? This new language is used for displaying the content on net. One can also add in audios, videos, various fonts, web graphics, drag and drop, animations to make your pages more colorful and informative. It is simply a renewed and much better version of the XHML1 or HTML4 and is also compatible to those versions. The online sprite tool box compresses your image and puts your image in a sprite. The pattern generator tool is good for web designers to make header backgrounds and pages. The online HTML5 Tools audio maker tool brings in new features of the audio. Sketch in 3D With Animating Lines on HTML5 canvas Spritebox – Create CSS from Sprite Images font dragr – Drag and drop font testing Patternizer – Stripe Pattern Generator Tool XRAY: look beneath the skin Automatoon- Easy Animation For The Web HTML5 Audio element maker SVG to HTML5 Canvas Converter Rendera – Online HTML5 Editor CanvasLoader Creator HTML 5 Outliner HTML5 Tracker

CSS Ô grands fous qui êtes tombés par inadvertance sur cette page et voulez apprendre ce langage si célèbre mais si ingrat qu’est le CSS ! Tant de simplicité dans sa puissance, tant de concision dans son mystère ! La fascination qui vous hante est celle qui vous mènera à votre perte. Mais au fond, la question n’est pas là. Prenez place. Intégrateur n'ayant pas lu ce site Intégrateur ayant lu ce site Rideau.

Initializr - Start your HTML5 project in 15 seconds! Colllor - Turn one color into many alternative ones HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley.

Open Source HTML5 Charts & Graphs – Flotr2 Flotr2 is an open source library for HTML5 canvas charts and graphs which is a fork of the popular flotr without the dependency of Prototype JS framework and has many improvements. The library is framework independent and has support for line, bar, candle, pie and bubble charts. There are lots of customization options offered like the ability to define titles, subtitles, colors, labels on/off and so many others for each and every possible variable. Flotr2 outputs are interactive, they can be set to respond to the actions of the user. Charts and graphs work in all major browsers (including IE6) and they are mobile compatible.

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. 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. Compresser des images est très en vogue aujourd’hui, et mettre ainsi celles-ci dans un « sprite » vous sera bénéfique de deux manières : soit en augmentant la vitesse de transitions de votre image et le temps de chargement. Cet outil permet de voir instantanément les détails des éléments d’une page Web.

Introducción al elemento video de HTML5 Hoy voy a hacer una introducción al elemento video de HTML5. Como ya sabéis, la nueva especificación de HTML5 incluye la nueva etiqueta video con la que se puede empotrar archivos de vídeo de forma nativa en nuestros proyectos web sin necesidad de plugins adicionales. Como siempre y para no perder la costumbre, existe una guerra entre fabricantes de navegadores sobre que formato de vídeo debe de ser el estándar para la nueva especificación y por supuesto no todos reproducen los mismos formatos de forma nativa ¿Cómo funciona? El elemento video es muy parecido al elemento audio, también dispone de los atributos autoplay, loop y preload. Obviamente, el elemento video ocupa espacio en la ventana, por lo tanto será de nuestro agrado definir un tamaño para el mismo: Portada del vídeo También podemos definir una imagen representativa para el vídeo para que sea mostrada al navegador como portada del elemento antes de la reproducción usando el atributo poster: Multiformato Ventajas de ser nativo

X11 color names In computing, on the X Window System, X11 color names are represented in a simple text file, which maps certain strings to RGB color values. It is shipped with every X11 installation, hence the name, and is usually located in <X11root>/lib/X11/rgb.txt. The web colors list is descended from it. The list does not show continuity either in selected color values or in color names, and many color triplets have multiple names. Despite this, graphic designers and others got used to them, making it practically impossible to introduce a different list. In some applications multipart names are written with spaces, in others joined together, often in camel case; this article uses spaces and uppercase initials. Color names are not standardized by Xlib or the X11 protocol. The list first shipped with X10 release 3 (X10R3) on 7 June 1986, having been checked into RCS by Jim Gettys in 1985.[2] The same list was in X11R1 on 18 September 1987. Clashes between web and X11 colors[edit] Shades of gray[edit]

Related:  HTML5CSSHTML5DevelopmentProgrammation WebWebdevelopmentLAK11HTML / CSSWeb Designhtml5 - css3HTML5 CSS3 ToolscodeHTML5TOOLSRWDdevBrowser InfoHTML | LanguagesCours/LessonHTMLreferences