Les 10 antisèches du développeur web
Pullulent sur le web des mémentos, des antisèches, des cheatsheet de tout genre. Ces documents sont la plupart du temps au format A4 (paysage ou portrait) et sont très pratiques en cas de de panne de mémoire. Ils listent toutes les commandes, fonctions, méthodes, balises, api, etc. indispensables qu'on a déjà utilsé plus ou moins mais dont on ne se souviendrait plus. Difficile de connaître tout par coeur...
Du coup on est souvent amené à chercher sur internet... Sur des sites comme http://www.gotapi.com Mais avec l'expérience je me rends compte que finalement c'est aussi bien d'avoir la doc essentielle sur papier juste sous les yeux, c'est plus rapide et je m'en souviens la fois d'après.
Ainsi, j'ai tapé dans google cheatsheet filetype:pdf et j'ai constaté qu'il y avait énormément de ressources pdf sur l'informatique. Que chaque programme, chaque langage avait plus ou moins son petit récapitulatif qui tenait sur un fond d'écran 1025*768.
Du coup je vais lister celles qui me sont utiles - j'en ai rien à foutre du mémento de matlab et d'excel.
1/ Memento Commandes Unix / Linux (pdf)

2/ Memento Mod_rewrite Apache .htaccess (jpg)

3/ Memento requêtes Mysql (pdf de 2 pages)

7/ Memento jQuery (framework javascript, ajax) (pdf/png)
- Le fond d'écran http://cheatsheet.googlecode.com/svn/trunk/cheatsheet/src/jquery/jquery1.2-cheatsheet-1280-001.png
- Le pdf 
8/ Memento CMS : Spip, Drupal, Wordpress
- Enrichissement typographique sur spip (pdf)
- Cours sur le back-office de spip côté administrateur (pdf)
- Cours sur le back-office de spip côté rédacteur (pdf)
- phptemplate Drupal 5 (pdf)
- Memento Drupal de base (png)
- Memento pour la traduction d'un site avec Drupal (pdf)
- Espace d'administration de Wordpress (pdf)
- Memento des bonnes pratiques pour optimiser son site pour les moteurs de recherche avec Wordpress (pdf)
10/ Divers
- Memento des opérateurs de recherche sur google (pdf)
- Memento de tous les services Google (pdf)
- Memento des paramètres de recherche de google (pdf)
- Memento actionscript 3 (jpg)
- Memento RoR Ruby on Rails (pdf)
- Memento Mootools (framework javascript) (pdf)
- Memento wikipedia (pdf)
Le navigateur internet Opéra parle des standards du net.
C'est en anglais, mais c'est super complet. Un vrai cours HTML / CSS / W3C compatibility . Des fondamentaux, des cours sur les typos, sur le respect des couleurs, sur ce qu'est une page web, sur l'architecture d'un site, etc.
Il y a déjà 23 articles en ligne. Ça s'appelle Web Standards Curriculum
Google Doctype. Le wiki du webmaster
L'arrivée de Google Doctype est une chose intéressante pour les webmasters, c'est une petite source à plaisirs où l'on trouve toute la documentation (en anglais) utile pour la bonne utilisation de l'HTML, CSS, DOM, Javascript, etc.
Il est possible de mettre soi-même du contenu à condition d'avoir un compte gmail, bien sûr.
Search Engine Optimization - L’art du référencement. Les bases
Comment fonctionne un moteur de recherche ?
Quel est le comportement des utilisateurs sur les moteurs de recherche ?
Qu’est-ce que le Triangle d’or ?
Positionnement, pertinence, notoriété ?
Optimisation des URL (URL rewriting), structure du site, sitemaps, robots.txt, page rank…
Pourquoi le référencement est-il un art ?
Cette conférence présente les principales notions à connaître pour être bien positionné sur les différents moteurs de recherche (Google, Yahoo, Live Search, …).
Petite vidéo d'une conférence d'une cinquantaine de minutes.
Futur du HTML, où en est-on ?
Futur du HTML, où en est-on ?
envoyé par parisweb
Firebug 1.1 beta
Firebug, l'outil indispensable pour debugger une application ou un site internet, arrive bientôt en version 1.1

Voici quelques améliorations trouvées sur le blog du créateur Joe Hewitt.
* eval() debugging,
* external editor interface,
* browser-generated event handler debugging,
* executable lines marked with green line numbers,
* user-controlled naming of eval() buffers,
* Stack side panel on "Script" panel for callstack,
* Supports Firefox 3,
* "better" debugging icons,
* CSS errors report against source lines,
* bug fixes (incl. issues 8, 69, 218, 230, 239, 249, 269, 314, 321, 345)
* Internal firebug debug output
IE7.js une bibliothèque javascript transforme Microsoft Internet Explorer en navigateur web supportant les standards
IE7.js fixerait et solutionnerait beaucoup de problèmes que rencontrent les webmasters lors du processus d'intégration des pages. Avec cette bibliothèque javascript les standarsd CSS et HTML définis par le W3C seraient définis.
- Au niveau du DOM et des sélecteurs CSS. Parcourir un document ne sera plus une corvée. : gestion multiple de classes, support des pseudo-classes tels que :first-child, :last-child, :before, :after, :hover, :focus, :active, etc. Ces pseudo-classes chargées de cibler des éléments de la page étaient auparavant sous utilisées car incompatibles avec MSIE.
- Gestion de la transparence des images au format PNG
- Conservation la cascade des feuilles de style
- Gestion de Overflow:visible
- Gestion des attributs min-width min height max-width
- Standardisation des comportements des éléments du formulaires
- Gestion des éléments abbr, object
- Compatibilité avec IE5 et IE6 (pour les png)
- Amélioration de la gestion des Box Model (boîtes)
Actuellement en version beta ce script a été développé par Dean Edwards
http://www.csstextwrap.com/
CSS Text Wrapper, permet d'obtenir facilement une mise en forme sympa pour son texte, façon quark xpress ou autre. On peut faire des zigs-zags et plein d'autres trucs marrants et parfois utiles.
En gros il faut :
1/ Ajouter des points verts sur les lignes noires.
2/ Les déplacer à sa guise, ajuster selon les besoins.
3/ Exporter avec les 3 manières que proposent le site.


Petit quizz : Combien d'éléments HTML êtes-vous capable de citer en 5 minutes
Sachant qu'il y a 91 éléments en HTML 4 définis par le W3C, et que blink et marquee ne sont donc pas inclus.
Voilà déjà les réponses : A, ABBR, ACRONYM, ADDRESS, APPLET, AREA, B, BASE, BASEFONT, BDO, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, HEAD, HR, HTML, I, IFRAME, IMG, INPUT, INS, ISINDEX, KBD, LABEL, LEGEND, LI, LINK, MAP, MENU, META, NOFRAMES, NOSCRIPT, OBJECT, OL, OPTGROUP, OPTION, P, PARAM, PRE, Q, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR







