Page 1 sur 21, 2 Suivant[Webmasters] Le fil des trucs & astuces

[Tolosano]

Puisque le précédent fil concernant ce sujet a été malheureusement perdu, je propose qu'un nouveau fil puisse venir aider les webmasters en herbe ou en puissance

Commençons par les classiques :

Accessibilité
- http://openweb.eu.org
- Alsacreations

Librairies/Frameworks Ajax
- ProtoType
- OpenRico
- Scripaculous
- Mootools
- Dojo
- jquery
- MochiKit
- ZKoss
- Liste en vrac
- Liste en vrac 2
- Liste en Vrac 3

Scripts Ajax
- http://www.dhtmlgoodies.com/

CSS cours / exemples
- CSS Zen Garden pour voir comment un simple CSS peut modifier l'apparence entière d'un site
- Cours de CSS Apprendre à positionner
- W3Schools cours & exemples
- 10 super sites
- http://www.cssplay.co.uk/
- http://www.smashingmagazine.com/2007/01 ... e-without/
- Placer automatiquement toutes les icônes des fichiers

CSS Gabarits
- Layout Gala
- IntensivStation (visiter la page des liens, de nombreux bijoux s'y cachent)
- OpenDesign

Les Couleurs / Outils chromatiques
- http://wellstyled.com/tools/colorscheme2/index-en.html
- http://www.steeldolphin.com/color_scheme.html
- http://www.colorjack.com/sphere/
- http://www.colourlovers.com/

Extensions Firefox pour développer :
- Firebug
- WebDevelopper
- ViewSourceChart
- HTML Tidy

Validateurs :
http://www.acces-pour-tous.net/validateur/index.php
http://validateur.ca/

En vrac :
- Page de tests de polices
- générateur lorem lipsum

Web FrameWork
- RubyOnRails
- CakePHP et CakePHP FR
- http://zoopframework.com/
- http://codeigniter.com/
- http://www.ngcoders.com/
- http://www.orbeon.com/

Logiciels :
Au grand minimum : un navigateur aux normes (et si possible s'appuyer sur le résultat d'un IE pour corriger ses bugs)
Amaya : Navigateur développé par le w3c, stupéfiant pour valider ces erreurs
éditeurs : Scite / BlueFish / Nvu (KompoZer) / Css Editor...


Tolo.

[johngeek]

Quelques sites bien utiles pour générer de merveilleuses palettes de couleurs pour vos sites:

Color Scheme Generator
Color blender
Palettes de couleurs / nuancier

"Annuaires" de palettes:
ColourLover
Color Scheme Gallery

[fero14041]

Une foule de documents intéressants sur yoyodesign, et notamment la traduction de la doc CSS 2!

[cortomaltes]

Les cours de mamouthland sur les css m'avaient beaucoup servi, avec pas mal d'astuces : http://mammouthland.free.fr/cours/css/

[leviathan]

Conversion en caractère ASCII et entité HTML:
table-ascii

Forums et site:
developpez.com
laltruiste
codes-sources
PHP Classes

Extension Firefox:
urlparams
seoquake
measureit
livehttpheaders
colorzilla (la dernière fois que j'ai testé la pipette ne fonctionnait pas sur GNU/Linux)
cacheviewer

[Mikelenain]

CSS :
médiabox, doc css très claire avec des exemples très simples.
La transparence d'un élément

PHP :
php.netLa référence des sites php (doc de toutes les fonctions), illustré par des exemples et commentaires
mise en commun des sessions phpBB avec son propre site
PHP débutant pour apprendre les bases du php

HTML :
les méta-tags
toutes les balises html


PS : je viens d'apprendre qu'il est important de préciser les tailles d'une image dans une balise <img> pour accélérer leur affichage et ne pas pourrir la mise en page si quelqu'un bloque les images venant du site. toujours pratique à savoir :p

[mpop]

Bonjour,

Pour Alsacréations, c'est la page des traductions (qui datent un peu...) qui est donnée comme ressource. Il serait plus utile d'avoir un lien vers :
http://www.alsacreations.com
Ou bien directement pour les tutoriels en français :
http://css.alsacreations.com
Ou encore le forum :
http://forum.alsacreations.com

Pour rappel, Alsacréations.com est un site communautaire géré par des bénévoles et traitant des standards du Web, et en particulier de HTML et CSS, avec effectivement un angle accessibilité (mais ça n'est pas un site traitant exclusivement ou même prioritairement d'accessibilité numérique).

[mpop]

médiabox, doc css très claire avec des exemples très simples.

Quoique cette doc commence a être un peu juste, il faudrait la retravailler (hmm... c'est un wiki, donc je suppose que je pourrais m'y mettre...).

[Tolosano]

Pour Alsacréations, c'est la page des traductions (qui datent un peu...) qui est donnée comme ressource.

Oups ... Je voulais effectivement renvoyer sur css.alsacreations, j'ai été un peu vite en besogne.

Pour rappel, Alsacréations.com est un site communautaire géré par des bénévoles et traitant des standards du Web, et en particulier de HTML et CSS, avec effectivement un angle accessibilité (mais ça n'est pas un site traitant exclusivement ou même prioritairement d'accessibilité numérique).

Effectivement, juste qu'il aide à comprendre l'intérêt de l'accessibilité. J'avoue qu'il n'a pas prioritairement sa place dans la catégorie «accessibilité», mais le mettre dans CSS c'était aussi un peu réducteur :-)

Tolo.

[johngeek]

Le fameux "Suckerfish dropdown" (un menu déroulant en CSS)

L'article original (en anglais)
Un exemple de menu

Une version améliorée (et plus accessible)