Coder dans Chrome / Workspace

24 septembre 2013 | programmation | 0 commentaire

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).

chromedevtool


Ajouter vos dossiers à votre espace de travail :
workspace-chrome
Pour terminer, aller à l’onglet Sources, à gauche un menu s’ouvre via le petit triangle « show navigator ».

open

Vous pouvez désormais ouvrir les fichiers (locaux), les modifier et les sauvegarder !

via

$499 d’éléments graphiques…

7 mars 2013 | graphisme | 0 commentaire

magnolia-small
course-small
Deal du jour, $499 d’éléments graphiques contre votre mail (celui spécial spam), c’est chez inkydeals.

daily drop cap

16 mars 2011 | graphisme | 0 commentaire

Oh 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/

zoom intelligent

30 août 2010 | graphisme | 0 commentaire

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 !

google api font !

22 mai 2010 | graphisme | 0 commentaire

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>

Au passage <link finit par > et pas /> en restant valide w3c (les deux passent) !
La liste des polices est là : http://code.google.com/webfonts
la documentation : http://code.google.com/intl/fr/apis/webfonts/

harmony / canvas

17 mars 2010 | graphisme, programmation | 0 commentaire

À tester là :
http://mrdoob.com/projects/harmony/
En savoir plus et prendre une grosse claque :
http://mrdoob.com/blog/post/689
Vu ici

html 5

16 mars 2010 | graphisme | 2 commentaires

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

pour la tête et les yeux

27 février 2010 | graphisme | 0 commentaire

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/