public marks

PUBLIC MARKS from philippej with tag webdesign

2010

Using SVG For Flexible, Scalable, and Fun Backgrounds, Part I

Qu'est que SVG. Quand peut-on l'utiliser et quand ne peut-on pas. Comment est-il supporté par les différents navigateurs...

Un bon article d'introduction de Shelley Powers qui mériterait bien une bonne traduction.

Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II

Comment intégrer du SVG dans une page web de manière à ce qu'il s'affiche dans n'importe quel navigateur, y compris Internet Explorer, grâce à SVGWeb. Qu'est ce que l'extensibilité, cette caractéristique qui fait de SVG la technologie idéale pour traiter les fonds de page...

Une suite qui mériterait aussi sa traduction.

2009

Google Browser Size

by 11 others (via)
"Google Browser Size is a visualization of browser window sizes for people who visit Google and your own web site"

Video for Everybody!

by 11 others
"Video for Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element which offers native playback in Firefox 3.5, Safari 3 & 4, Google Chrome and an increasing number of other browsers: "

On password fields masking and Jakob Nielsen

"... a GreaseMonkey script that adds a link to any password field that allows me to toggle its display..."

2008

Gist — GitHub

by 1 other (via)

"... great-looking ways to display code on your blog."

Peut-être pratique pour afficher du code dans un blog ou sur un site.

typeface.js -- Rendering text with Javascript, <canvas>, and VML

by 12 others (via)
"Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally."

timeago

by 5 others (via)
"Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago")." Version française comprise.

Introduction to The Web Standards Curriculum

"... a course designed to give anyone a solid grounding in web design/development, no matter who they are—it is completely free to use, accessible, and assumes no previous knowledge."

curvyCorners - [Usage].

by 4 others (via)
"The following instructions will round the corners of a DIV element with a 20 pixel radius." A essayer très bientôt ;)

highlight.js

by 6 others (via)
"Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It's very easy to use because it works automatically: finds blocks of code, detects a language, highlights it."

2007

Don't Click Here: The Art of Hyperlinking

by 1 other
"Links are the cornerstone of the web. Users have built up years of expectactions based on existing behavior in their web browsers. When you change the way hyperlinks work, you're redefining a fundamental part of the web. Is this really what you want? Is this really what your readers want?"

11 Link Usability Tips

(via)
"... as long as we have links, we better make sure we create them in their most useful ways. ... "

Successful Teams follow Standards

(via)
La présentation de Chris Heilmann pour Paris Web 2007.

Élysée.fr

« “Accéssibilté” ? Bon, il y a encore un peu de boulot… »

XRAY web developer's suite

by 15 others (via)
« ... let's you see the box model for any element on a page in action. »

Never Use a Warning When you Mean Undo

by 1 other
« If an interface is to be humane, it must respect habituation. »

Du bon design de la pagination

by 3 others
« ... des éléments sur ce qui fait une bonne pagination. »

Simple Ways To Help Your Design Suck Less

(via)
« ... some simple things you can do to create better design. »

Contrast and Meaning

(via)
« Contrast is important because the meaningful essence of any thing is defined by its value, properties, or quality relative to something else. »

philippej's TAGS related to tag webdesign

accessibilité +   art +   css +   design +   fr +   google +   greasemonkey +   html +   informatique +   javascript +   jQuery +   microformats +   mobile +   navigateurs +   outils +   pratique +   qualité web +   screencast +   semantique +   standards +   svg +   traduction +   ui +   video +   visualisations +   w3c +   web +   weblogging +   webmaster +   xhtml +