Depuis peu Chrome permet de coder directement dans le navigateur.
Première étape, activer cette fonction expérimentale à cette adresse : chrome://flags/#enable-devtools-experiments (à copier/coller dans la barre d’adresse de Chrome, puis cliquer sur Activer)
Redémarrer Chrome.
Deuxième étape, lancer les outils de développement (pomme+alt+i sur Mac) puis cliquer sur l’icône de setting en bas à droite (l’engrenage).
Ajouter vos dossiers à votre espace de travail :
Pour terminer, aller à l’onglet Sources, à gauche un menu s’ouvre via le petit triangle « show navigator ».
Vous pouvez désormais ouvrir les fichiers (locaux), les modifier et les sauvegarder !
h que c’est beau !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris lorem, luctus nec imperdiet a, porttitor eget erat. Quisque suscipit congue neque id adipiscing. Vivamus ornare nisl id lacus egestas quis varius dolor vehicula. Cras ac lacus in massa sexe sollicitudin quis in lorem. Aliquam et diam ac massa megaupload tincidunt. In arcu ante, adipiscing nec pharetra ut, cursus vitae lorem. Nam eget mauris eget neque sagittis vulputate. http://dailydropcap.com/
L’éternelle question des différences d’affichages selon la résolution trouve ici une belle réponse ! http://www.rga.com/
à tester en 1024 x 768 ou 1600 x 1200 !
Basé sur @font-face, Google débarque dans le monde de la typo avec une liste de fontes à mettre en lien via sa feuille de style. On code donc ainsi (exemple en html 5).
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>
Les premiers exemples stupéfiants en html 5 vont débarquer, celui-ci semble être le 2e (le premier c’était un truc très « flash » – je vais chercher — update : le voici). Je ne sais pas qui à commencer avec les simulateurs de tissus (3DS Max 1.1 ?) – j’avais vu un truc en actionscript de seraf (via sandy) et puis en googlant, ceci est assez bluffant
Enfin en voici un en html 5 (très sodaplay) : http://www.andrew-hoyer.com/experiments/cloth
Le site est minimaliste à la sauce Ajax (la page suivante se charge à la suite quand on scrolle vers le bas !) et regroupe une belle sélection d’articles ! http://www.aisleone.net/