PUBLIC MARKS from -Nicolas- with tag webdesign

Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position.

Le Kit de Survie du Créatif, initiative de l'association Métiers Graphiques, est un ensemble d'articles originaux rédigés par des professionnels du graphisme, destinés à orienter et informer tous ceux qui abordent ce secteur ou y évoluent déjà. En marge et en complément de l'ensemble des textes administratifs ou légaux déjà disponibles sur la Toile, ce kit aborde le métier d'un point-de-vue concret, pratique, et eprouvé : chaque information que vous y trouverez est le résultat de l'expérience de son rédacteur, de ses tentatives, retours et conclusions. Vécu quotidien du métier de graphiste, croisement des données légales et administratives, et échange permanent entre professionnels ont présidé à sa rédaction.

Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon plugin jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c’est votre dossier Plugins qui va être content ! Le titre est trompeur : il n’y a pas 1000 ressources, mais bien plus à découvrir… Attention, cette liste est vivante et grandit avec vos suggestions !

Welcome to the SitePoint CSS Reference! We’ve worked hard to make this the most detailed and up-to-date reference on the subject available. To get started, try our handy search box, or click on one of the headings to browse that section of the reference.

Cet article est l’occasion de revenir brièvement sur le support par les principaux navigateurs Internet de ce dernier format capable de produire des images sans perte de données et de grande qualité.

Creating a table with dynamically highlighted columns. Step by step tutorial using CSS, JavaScript, and images in clever ways.

Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability.

StyleCrunch is a css and standards websites gallery, you can find the best sites in the www, best design, best coded and what engine used.

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

Techniques and information required to create a basic site that will work well on the majority of phones.

Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien, et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP.

Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.

Vous pouvez utiliser Menthe-Fresh pour :

• Faire une analyse technique de votre site Internet ;
• Réaliser une analyse de positionnement de site web ;
• Vérifier que votre site web respecte les standards du web ;
• Vérifier que votre site suit bien les tendances design ;
• Améliorer la visibilité de votre site web au sein de la communauté Menthe-Fresh ;
• Obtenir un retour utilisateur pertinent qui vous aidera à corriger les défauts majeurs.

The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

50 Redesigns from Scratch is a collection of worked redesigns to be published later in 2006. We'll take 50 web site home pages, analyse what works and what needs fixing, and show an alternative effective design solution.

In Parts 1 and 2 of this series of articles I’ve been looking at the issues created by dyslexia and discussed, in detail, how colour contrast can adversely affect page readability. However, there is far more to designing dyslexia-friendly pages than just reducing colour contrast. On the plus side, it is likely that these changes will have a positive effect on page readability for all users.

Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them. Please note that this page is no longer being maintained.

In this tutorial, I describe various common graphic design elements in modern web ("2.0") design style. I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.