public marks

PUBLIC MARKS from -Nicolas- with tag webdesign

2010

Les sprites CSS

by 1 other
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.

2008

KIT DE SURVIE DU CREATIF /// metiersgraphiques.fr

by 2 others
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.

1000 ressources pour le développement web et WordPress : la grosse grosse liste

by 9 others
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 !

CSS Reference

by 9 others
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.

2007

Un point sur le support des images au format PNG | Simple Entrepreneur

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 like Crazy Egg's pricing table (Ask the CSS Guy)

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

Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen

by 2 others (via)
Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability.

Style Crunch

by 3 others (via)
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.

Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu

by 8 others (via)
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!

dotMobi Mobile Web Developers Guide | Blue Flavor

by 2 others (via)
Techniques and information required to create a basic site that will work well on the majority of phones.

Menu HTML et CSS, sliding doors et item current en PHP | css4design

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.

terrill.ca | Vertical Bar Graphs using CSS and PHP

by 3 others (via)
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.

Analyse technique des sites web - Menthe-Fresh

by 11 others (via)
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 - Open Source Web Design Templates

by 20 others
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.

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

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

Redesigns from Scratch - book

by 1 other (via)
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.

Accessites.org’s Web Accessibility Articles & News | Accessites.org: Selected Article

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.

2006

mezzoblue § Testing Grounds

by 18 others
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.

Web 2.0 how-to design style guide

by 62 others
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.