DevZone » Outils du web

Un Bookmarklet pour dévoiler les polices utilisées

devzonefr — Mon, 18 Apr 2011 12:21:51 +0000

WhatFont est un petit Bookmarklet bien pratique qui va vous permettre de révéler les polices utilisés sur vos sites préférés.

WhatFont Tool

Ces extensions qui ralentissent Firefox

devzonefr — Wed, 06 Apr 2011 09:41:32 +0000

Les extensions Firefox (add-ons) ont beau être des outils bien pratiques, notamment pour les développeurs web, ils ont malheureusement le défaut de ralentir le navigateur de Mozilla.

A titre d’exemple, le listing fournit sur la page Slow Performing Add-ons indique que Firebug a un impact de 74%, Web Developer ou encore ColorZilla 14%.

A prendre en compte donc avant de râler sur les lenteurs de ce navigateur

Les reset CSS les plus populaires en un seul clic

devzonefr — Tue, 01 Feb 2011 08:46:49 +0000

Le site CSS Reset.com propose en un seul clic de copier-coller les sources des 7 resets css les plus connus ainsi que d’acceder à leurs documentations.

Voici la liste des 7 reset css disponibles :

Eric Meyer’s “Reset CSS” 2.0
HTML5 Doctor CSS Reset
Yahoo! CSS Reset (YUI 3)
Universal Selector ‘*’ Reset
Vanilla CSS Un-Reset
‘undohtml.css’ – Tantek Celik
Tripoli CSS Reset – David Hellsing

CSS Reset.com

HTML5 Boilerplate, template web très complet

devzonefr — Mon, 18 Oct 2010 12:00:18 +0000

Crée par Paul Irish (le créateur de Modernizr) et Divya Manian, HTML5 Boilerplate est une vériable mine de petites astuces HTML5, JS, CSS jusque dans le .htaccess

Quelques unes de ses caractéristiques sont :

Cross-browser (même IE6),
HTML5-ready,
Règles de mise en cache et d’optimisation,
Optimisations pour mobiles,
…

Un véritable concentré de bonnes pratiques !

Lien :

HTML5 Boilerplate

Google SEO Starter Guide

devzonefr — Fri, 01 Oct 2010 11:10:30 +0000

Google a récemment mis à jour son document pdf intitulé « SEO Starter Guide ».

La première version étant de fin 2008, cette mise à jour est la bien venue

Au menu, 32 pages de conseils SEO made in Google, alors pourquoi se priver des infos du moteur N°1 ?

Liens :

Tester la rapidité d’exécution des sélecteurs jQuery

devzonefr — Tue, 14 Sep 2010 09:04:17 +0000

A votre avis, qu’est ce qui est le plus rapide input[type=radio] ou input:radio ?

La réponse avec un petit outil de @FGRibreau : jQuery Expressions BenchmarkR

jQuery Expressions BenchmarkR va donc vous permettre d’exécuter x fois (avec x configurable) l’utilisation de sélecteurs jQuery et va ainsi vous sortir leurs vitesses d’exécution.

La réponse était donc input[type=radio]

Lien :

jQuery Expressions BenchmarkR

Instant Blueprint, générateur de projet web

devzonefr — Thu, 24 Jun 2010 12:52:37 +0000

Instant Blueprint est un site vous permettant de créer facilement l’arborescence d’un projet web.

Dans une interface minimaliste, il vous suffira de saisir :

le nom de votre projet,
le doctype souhaité,
le framework javascript souhaité parmis jquery, mootools, prototype et YUI,
l’extension des fichiers (html ou php)
si vous souhaitez que votre site soit centré ou non dans le navigateur
et enfin, les ID des différents blocs de votre site (header, main, footer, …)

Et cela vous permettra de télécharger une archive zip contenant sous une arborescence simple, les fichiers principaux à savoir :

dans un répertoire css,des feuilles de syle css (reset, print et style),
dans un répertoire js, le fichier javascript du framework choisi,
et votre fichier racine pré-codé.

Lien :

Instant Blueprint

Guide juridique pour créer un site internet à usage professionnel

devzonefr — Mon, 14 Jun 2010 08:26:51 +0000

Voici une initiative bien pratique destiné aux petits éditeurs qui débutent dans la création de site internet : AEC présente un guide juridique à télécharger gratuitement au format PDF.

La vocation de ce guide juridique est de donner des informations pratiques visant à réaliser un site internet à usage professionnel en toute légalité. Il s’adresse à toute structure, publique ou privée, souhaitant créer ou refondre son site internet.

Au sommaire :

I- Comment mettre en œuvre le processus contractuel ?
II- Quelles formalités accomplir ?
III- Quelles informations faire figurer ?
IV- Quelle responsabilité des acteurs du web ?
V- Quelles spécificités pour le commerce électronique ?

Lien :

AEC : Créer son site internet

Tester votre navigateur pour HTML5

devzonefr — Thu, 10 Jun 2010 09:50:04 +0000

Un site web qui porte le nom de html5test.com vous devinez ce qu’il propose ?

Et oui en vous rendant simplement sur ce site, vous obtiendrez une note sur 160, note traduisant les capacités de votre navigateurs à traduire les propriétés HTML5.

Ci-dessous la note de mon Firefox (3.6.3) :

Effectivement, y’a encore du travail…

Lien :

The HTML5 Test

Google Font API

devzonefr — Wed, 26 May 2010 08:27:30 +0000

Une des dernières trouvailles de Google est la mise à disposition de polices et permettre ainsi de sortir des traditionnelles Arial ou Verdana.
Cet outil s’appelle tout simplement Google Font API.

Pour utiliser cette bibliothèque, il suffit d’appeler une feuille de style de la forme suivante :

[html]

[/html]

Et pour que tous vos h1 utilise cette typo « Tangerine » :

[html]
h1 {
font-family: ‘Tangerine’, serif;
font-size: 48px;
}
[/html]

A l’heure actuel, la bibliothèque javascript Google Font API comprend 18 typos.

A mon avis, déclarer ces typos en CSS3 est préférable à l’utilisation de javascript mais bon…

Liens :