html/css

TwitterFacebook
Get flash to fully experience Pearltrees
http://www.blog-nouvelles-technologies.fr/archives/8322/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.

Les 10 meilleures ressources HTML5 en ligne pour les graphistes | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité

Ask questions and discuss ideas with other users of Edge in the discussion forums. Your participation and feedback are tremendously important to us. We would like to find out what you think of the product, what you think of the output, which new features you’d like to see first, if you find any bugs, or any other feedback you'd like to provide. Please note that your submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe's right to use such materials, is governed by the Terms of Use . Adobe Fellow Mark Anders shows new features in Edge preview 5, such as the easing tool, animating with the Pin, improved playback commands, new on-stage tools, and the ability to create down-level compositions for non-HTML5 browsers as well as publishing lighter, optimized content. http://labs.adobe.com/technologies/edge/

HTML5 tools, Animation tools - Adobe Edge Preview | Adobe Labs

http://free-tools.fr/inclassable/rpg-js-moteur-de-jeu-en-html5-gratuit-opensource-3359 RPG JS est un framework permettant de réaliser des RPG (Role Playing Game) sur navigateur. Qui dit « framework », dit connaissances en programmation. Cependant, grâce à RPG JS vous aurez plus de facilité et plus de rapidité à déployer un RPG. Par exemple, la démonstration présente sur le site est composée d’environ 400 lignes de code pour réaliser un petit jeu de 8 cartes (avec musiques) de plusieurs événements (parler au PNJ, pousser une pierre, interrupteurs, coffres), un combat A-RPG avec 3 types d’ennemi, animations, action d’attaque, ainsi que les bases d’un jeu (scrolling, déplacement, collision, superposition). Utilisation commerciale du framework (en effet, RPG JS possède deux licence : MIT et GPL, vous autorisant à distribuer, modifier le code mais aussi à l’utiliser commercialement. Notez que ces licences s’appliquent seulement au framework et non aux ressources graphiques.

RPG JS, moteur de jeu en HTML5 gratuit & OpenSource| Webmaster – Ressources et outils gratuits pour votre site internet – Free Tools| Free Tools, Le meilleur des outils gratuits pour webmaster

Frameworks

http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/ CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times.

70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers

While I was on vacation in Dominican Republic, I had some free time to work in a small application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know what I am talking about you can visit the demo . In addition, I would like to recommend reading about the following topics: HTML5 , CSS3 , contenteditable , and localStorage . The HTML code is very simple.

Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery | Admix Web

http://www.admixweb.com/2011/03/22/create-a-posticks-sticky-notes-app-with-html5-css3-and-jquery/
http://www.blog-nouvelles-technologies.fr/archives/12365/5-plugins-jquery-libres-a-avoir-pour-les-concepteurs-web/

5 plugins jQuery libres à avoir pour les concepteurs Web | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité

En d’autres termes, il s’agit d’une boîte à outils accessible pour n’importe qui ayant une expérience avec les langages HTML et CSS , mais il est tout aussi utile dans les mains d’experts. Il semble y avoir une réserve inépuisable de plugins jQuery tout autour du Web , mais quelques-uns ont, pour lesquels j’ai pu tester leur utilité récemment, porté toute mon attention. Voici une liste de cinq plugins pour lesquels vous pouvez devez les utiliser dans un projet, ou du moins y jeter un œil ! jQuery Scroll Path est carrément incroyable. Créé par le développeur suédois Joel Besada, il vous permet de définir un chemin d’accès ou de défilement personnalisé en « dessinant » une sorte d’itinéraire de navigation composé de lignes, d’arcs et de rotations . Vous dessinez le chemin avec des méthodes qui fonctionnent exactement de la même manière que les méthodes canvas afin de dessiner des lignes et des arcs.
http://plambert.developpez.com/tutoriel/css/mise-page-colonnes-full-css/

Mise en page sans tableau - Club des décideurs et professionnels

Faire une mise en page avec deux ou trois colonnes peut se faire aisément sans tableaux.

FAARY - Free, Online CSS Form Generator - Build Form in Easy Way!

header, Contact Form text, *Your Name,from text, *Your Email,email textarea, *Your Message header, Additional Information radio, I prefer,Radio,TV,Internet select, My age is,30+,11-29,1-10 header submit, Send a Message! http://faary.com/
It is very important for web designers to update and upgrade their website from time to time to boost the effectiveness of their site and most especially to protect their business from destructive attacks done by hackers. With the development of HTML5 and CSS3 technologies, web designers and web developers are now able to improve their websites effectively and easily as these tools bring many new syntactical features. HTML5 is a better version of HTML4 that is helpful in building websites. It includes features like separate background threads to do processing, video implantation without separate plug-in or codec, canvas element to present graphics and images on the fly, can have applications to access email offline, etc. CSS3 is the latest style sheet format used for adding style to web pages in different markup languages. http://blueblots.com/tools/great-tools-resources-and-guides-for-html5-and-css3/

Great Tools, Resources and Guides for HTML5 and CSS3 | blueblots.com

Interesting CSS3 and HTML5 Tutorials - February 2011 | AjaxLine

Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

How To Create 3D Text using CSS3 | CSSReX

I am very happy to see, CSS3 finally eliminates the use of Photoshop in terms of giving text shadows. I was just trying my hands on text shadows in CSS3 and thought of creating 3D text by giving multiple shadows and got something wonderful.
For troubleshooting, feature requests, and general help, contact Customer Support at

CSS3 Menu -- Elegant Dark CSS3 Menu Template

Description The blockquote element is a mechanism for marking up a block of text quoted from a person or another document or source. It may be just a few lines, or it may contain several paragraphs (which you’d mark up using nested p elements).

blockquote (HTML element)

Overview This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices.

Code Standards | Isobar