HTML-CSS-Javascript

TwitterFacebook
Get flash to fully experience Pearltrees
http://designmodo.com/css3-techniques-tutorials/

50 Excellent CSS3 Techniques and Tutorials for Beautiful Design - DesignModo

CSS3 has got a huge potential to create very elaborate and complicated details by strictly using CSS and no images. It can carry out a lot of functions as it is based on motion techniques. Many designers all over the world believe that CSS3 is a technique which has unbelievable potentiality which will be used to create wonderful designs in the years to come.
Designers love all of those photoshop tutorials that can help them to learn more and more everyday and give them direction to design more beautiful and attractive creative works. Photoshop tutorial are arising exponentially, some good and some rather bad, here you will find the very best out there from unique and very talented designers.

30+ HTML5 & CSS3 Tutorials | Kitaro10

http://www.kitaro10.com/tutorials/30-html5-css3-tutorials/

50 Excellent CSS3 Techniques and Tutorials for Beautiful Design - DesignModo

http://designmodo.com/css3-techniques-tutorials/#ixzz1j3u1N4mz CSS3 has got a huge potential to create very elaborate and complicated details by strictly using CSS and no images. It can carry out a lot of functions as it is based on motion techniques. Many designers all over the world believe that CSS3 is a technique which has unbelievable potentiality which will be used to create wonderful designs in the years to come. At present, it is not being used variedly all over the world due to a number of limitations – obsolete browsers being one of them. Many say that it would be the application of the future as it can improve the efficiency of the workflow by substituting waste workarounds as it was once used in the case of Internet Explorer 6.
Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners. Un document HTML5 minimal Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1.x. Rétro-compatibilité oblige.

HTML5 : structure globale du document - Alsacreations

http://www.alsacreations.com/article/lire/1374-html5-structure-globale-document.html

Design Curate | Free PSDs and Resources for Designers

How it Works It’s pretty simple. Any free resources are just that — completely free for you to use, incorporate in your designs, and build upon. Go nuts! http://pixelsdaily.com/

Extensions et Bookmarklets #1: Présentation - ressources

Popularisées grâce aux premières versions de firefox, elles permettent d'ajouter des fonctionnalités à son navigateur, ou bien (au départ grâce à greasemonkey pour firefox, nativement pour chrome et firefox maintenant) permettre de modifier directement la vision que l'on a de certains sites. Mais avez-vous déjà croisé un bookmarklet? Ce sont de petits codes que l'on place dans la barre de favoris du navigateur (généralement par copier coller), et qui, au lieu d'ouvrir une autre fenêtre, modifie la page actuel. Comme exemple, vous pourrez par exemple trouver Css Refresh, qui permet de recharger une page dès que son Css est modifié sans avoir à faire F5. Ils sont, en définitive, des sortes de mini-extensions navigateurs, plus simple à installer, et au fonctionnement un peu plus limitéė. Ces deux technologies sont très proche, par les possibilités mais aussi par la construction : Leur langage principal est le javascript, agrémenté de html et css. http://www.blogduwebdesign.com/ressources/extensions-et-bookmarklets-1-presentation/621
Bénéficiez d'aperçus très complets Identifiez les incompatibilités avec les navigateurs, comparez les pages web et prévisualisez des captures d'écran intégrales, grâce à une multitude d'options d'affichage et de paramètres de test personnalisables. https://browserlab.adobe.com/fr-fr/index.html#

BrowserLab

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-transitions-and-transforms-from-scratch/

CSS3 Transitions And Transforms From Scratch | Webdesigntuts+

There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there’s a good chance that you’re also overwhelmed and a bit intimidated! This tutorial will take you back to the very basics. We’re going to create some fundamental CSS3 transitional movements, step by step.
http://www.blogduwebdesign.com/webdesign/le-kit-du-webdesigner-1/69 Couleurs, Typographies, Architecture d'un site, Effets de styles, Boutons, Dégradés Web 2.0, Icônes, vous trouverez toutes les ressources nécessaires pour développer et créer vos webdesign.

Le Kit du parfait Webdesigner #1 - webdesign

Ultimate CSS Gradient Generator - ColorZilla.com

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+ */

Menu en accordéon horizontal et glissant en 1kb !

Le morceau de code ci-dessus est à appeler au chargement de la page (onload), si vous ne savez pas comment faire, voici une des méthodes possible: Voici un petit script rapide et léger qui va mettre un peu de vie dans vos menus, abusez-en ! -----

Horizontal JavaScript Accordion 1kb - Web Development Blog

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion. The first parameter is the id of the unordered list you would like to bind the accordion to.

Osez HTML5 et CSS3 ! - Alsacreations

Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...).