background preloader

Tuto

Facebook Twitter

Guide méthodologique de création de site en 5 étapes. 40 Useful HTML5 Tutorials, Techniques and Examples. Creating ‘Mono’ HTML5 CSS3 Single Page Layout. Creating new HTML5&CSS3 single page layout – Mono Today I want to introduce new great masterpiece – new template with codename: ‘Mono’.

Creating ‘Mono’ HTML5 CSS3 Single Page Layout

This will nice HTML5/CSS3 template with nice light brown colors. Hope that you will like new styles and you will learn some new design methods. I going to start step-by-step tutorial for creating html5-css3 layout. Quels choix de navigation en responsive design ? Faire le bon choix dans la navigation sur un site est primordial et depuis l’arrivée du responsive design, les choses se compliquent.

Quels choix de navigation en responsive design ?

Il faut garder un accès à l’information sans pour autant gâcher l’expérience utilisateur. Heureusement, Brad Frost a rédigé un excellent article sur son blog à ce sujet que je retranscris ici en français. Si d’emblée, le terme de responsive design vous est étranger, je vous recommande de lire cet article paru il y a quelques temps sur le blog : Responsive design : définition, fonctionnement, ressources et tutoriels Cet article (tout ce qui va suivre) est une traduction de l’article « Responsive Navigation Patterns » rédigé par Brad Frost, consultant et intégrateur pour mobiles, rédigé avec son approbation, et même avec ses encouragements.

Back to basics: how to code an HTML5 template. Markup is a beautiful thing, and it certainly has changed over the years.

Back to basics: how to code an HTML5 template

What was effectively HTML1, has certainly progressed to an amazing semantic markup language, to which we can largely thank the W3C. And, what do ya know, the next thing to thank them for has come about – HTML5. Unlike previous version of HTML, where the code was mostly a limited structure that was determined by how you made use of the class and ID elements, html5 really attempts to provide much more structure. Pourquoi la refonte de votre site web est un échec. Et si la refonte d’un site, c’était comme rénover un restaurant ? Imaginez un instant : vous êtes la patron d’un restaurant, vous avez constaté un déclin lent mais inexorable de votre clientèle, d’autres établissements vous font de l’ombre, vous en avez marre de la déco… Pour X raisons, vous avez décidé qu’il fallait agir et changer tout ça.

Et pourtant, les résultats ne sont pas à la hauteur de vos attentes. Voici quelques éléments qui peuvent expliquer cet échec. Les 25 raisons d’un échec (en réalité 22 mais 25 sonne mieux) vous pensiez connaître les goûts, les préférences et l’appétit de vos clients sans avoir besoin de leur demander => ne vous contentez pas de deviner les attentes de votre public, laissez-le s’exprimer : ça lui fait plaisir de donner son avis et il pourrait même être pertinent. Flexible CSS typographic scale. 15 snippets pour améliorer votre utilisation de jQuery. La librairie jQuery est une des meilleures, voire la meilleure librairie Javascript actuellement.

15 snippets pour améliorer votre utilisation de jQuery

Elle est assez facile à utiliser et à prendre en main, mais bien souvent, quand on débute, on profite des plugins sans trop savoir comment ils marchent. Car des plugins jQuery, il en existe en veux tu en voila sur la toile. On les télécharge, les utilise et si on rencontre un souci, on change de plugins. La flemme ou pas les connaissances pour mettre les mains dans le cambouis peut souvent entrainer un délaissement d’intérêt. GIMP et graphisme pour le Web. Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ?

Dynamisez vos sites web avec Javascript !

Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Bonnes pratiques javascript. Petit guide typographique de base. Maintenant qu’on est en mesure d’utiliser à peu près n’importe quelle fonte sur nos sites web, il serait temps de ne pas oublier les règles de base de typographie.

Petit guide typographique de base

Parce qu’utiliser une belle typographie ne veut pas dire faire de la belle typographie et que l’on soit sur le web ou sur papier, il y a des règles à ne pas briser. Voici donc quelques règles de base de typographie à garder sous la main pour vos créations et vos rédactions. Sans logiciel professionnel, il est parfois impossible de faire des réglages fins, je vous oppose néanmoins l’alternative la plus adaptée pour chaque chapitre. Sachez qu’il s’agit de règles de typographie suisses romandes mais elles s’appliquent dans la plupart des cas à la typographie française (mentionné dans l’article quand c’est le cas).

En revanche, elles ne s’appliquent pas forcément pour les autres langues. Avant chacun de ces caractères (? Autres langues En anglais ou en allemand, on n’utilise pas d’espace fine avant ces caractères. 7 nouveaux tutoriels webdesign sous Photoshop. Que vous soyez un professionnel du web ou un jeune padawan, les tutoriels webdesign permettent d’en apprendre beaucoup sur les dernières astuces et bonnes pratiques Photoshop. Pour vous remettre à jour, j’ai sélectionné pour vous, quelques-uns des derniers tutoriels Photoshop webdesign parus sur le web. Comme souvent, les meilleurs sont en anglais. Créer un email de lancement d’application web. 20+ Websites To Help You Learn Flash and ActionScript.

There are many software products that are available in the market for website development.

20+ Websites To Help You Learn Flash and ActionScript

In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role. Tips and tricks can be learned from different websites. The good reputation of Adobe products is one of the core reasons that Flash and ActionScript are so popular. Les bonnes pratiques ergonomiques pour creer vos liens.

Après un petit moment d’absence, nous allons essayer de reprendre les rênes de ce blog et pour ce faire voici quelques bonnes pratiques à mettre en place pour rendre vos liens plus « utilisables », plus ergonomiques.

Les bonnes pratiques ergonomiques pour creer vos liens

Une fois de plus, chaque site internet a ses contraintes et tous ces conseils ne sont pas forcement applicables à chaque site. Ce sont uniquement de bons conseils pour des sites à caractères « populaires » Les liens sont un moyen pour l’utilisateur de naviguer vers d’autres pages du même site Web, consulter des documents connexes et/ou visiter des sites externes. Draggable Image Boxes Grid. Today we want to create a template with a fullscreen grid of images and content areas.

Draggable Image Boxes Grid

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. 45+ Free Lessons In Graphic Design Theory. Sep 15 2011 Considering how many designers are self-taught, either in whole or in part, the importance of a solid foundation in graphic design theory is often overlooked.

45+ Free Lessons In Graphic Design Theory

Web Development Tutorials & Resources. Où trouver des tutoriaux ? Daria a dit… Merci pour le lien ; ): ) 11 juin, 2007 19:18 apolit66 a dit… Merci pour tous ces liens.Je sais pas si vous connaissez (linux et windows)=> tutos aussi. ;) 12 juin, 2007 14:12.