Ozon3 » Ressources

Gradient : nouvelle application Css

Ozon3 — Sat, 01 Oct 2011 17:21:41 +0000

Nouvellement lancé et encore en version bêta, Gradient vous permet de créer vos dégradés. L’application vous génère aussitôt le code CSS, pour les réutiliser dans vos feuilles de style. Pour l’instant, Gradient n’est disponible que Mac Osx, est-ce qu’une version sera disponible sur Windows ? à suivre…

Pour télécharger la version bêta, c’est ici.

Nokia Pure TypeFace

Ozon3 — Thu, 31 Mar 2011 21:47:56 +0000

Nokia renouvelle sa police de caractère et confie cela au typographe Bruno Maag.
Le but était de renouveler la police classique du constructeur mondiale de téléphonie mobile, « Nokia sans » pour donner « Nokia pure ».

Cette nouvelle police, plus en rondeur, est à la croisée entre la célèbre « Helvetica » et l’ancienne « Nokia Sans ».

Pour cette occasion, un sympathique petit film est réalisé sur le processus de création : « Pure ».

Source

Vous n’êtiez pas sur…

Ozon3 — Sun, 21 Feb 2010 00:03:52 +0000

- Trier ses mails avec Gtriage:
Petit application web ou webware, qui permet de classer automatiquement ces mails par ordre priorité. Gtriage analyse régulièrement l’ensemble de vos mails, et appose le label « important » de quoi différencier les publicités, des mails professionnels, par exemple.

- Générateur de faux texte:
Un classique, mais là vous pourrez générer du texte « Jean-Claude Vandamne », inutile mais de quoi faire sourire vos clients.

- Lovely charts :
Une application en flash pour créer vos diagrammes, organigrammes, plans de site.

- Ecrire pour le web :
Un résumé des bonnes pratiques d’écriture pour le web.

- Droplr : stockage et urls courtes :
Cette application gratuite est très utile pour partager rapidement des informations.
Générateur d’urls courtes, elle permet aussi de créer des copies d’écran, de les stocker (1 Go d’espace) pour ensuite les diffuser.

Utiliser d’autres fontes pour son site internet

Ozon3 — Tue, 16 Feb 2010 09:10:51 +0000

Souvent on me demande comment implanter d’autres polices non standards sur son site internet.

La solution la plus simple et probablement la plus utilisée est celle de créer des images, dans ce cas, c’est simple pour les titrages, mais dés que l’on est amené à créer un contenu plus conséquent, cela devient problématique pour faire sa mise à jour.

L’autre solution consiste à utiliser la règle @facefont :

{code type=codetype}

@font-face {

font-family: « mapolice »;

/* Lien vers la fonte*/

src: url(‘mapolice-Regular.ttf’);

}

@font-face {

font-family: « mapolice »;

font-style: italic;

/* Lien vers la fonte*/

src: url(‘mapolice-Italic.ttf’);

}

@font-face {

font-family: « mapolice »;

font-weight: bold;

/* Lien vers la fonte*/

src: url(‘mapolice-Bold.ttf’);

}

{/code}

Maintenant on attribue « ma-police ».

{code type=codetype}

body {

font-family : « mapolice », Arial, sans-serif;

}

h1 {

/* mapolice-Bold.ttf */

font-style: normal;

font-weight: bold;

}

h2 {

/* mapolice-Italic.ttf */

font-style: italic;

font-weight: normal;

}

h3 {

/* mapolice-Regular.ttf */

font-style: italic;

font-weight: normal;

}

{/code}

Les explorateurs tels que Safari, Firefox, Opéra savent interpréter le format TTF (True Type Fonts), pour le cas d’Internet explorer, il s’agira

de le convertir en EOT (Embedded OpenType), et pour cela on peut utiliser le convertisseur en ligne : @fontface generator.

Pour aller plus loin :

- How to work with font face

- Test de @Font sur différents navigateurs

- Fontface generator

Sketchpad : du dessin en Html 5

Ozon3 — Wed, 10 Feb 2010 13:42:46 +0000

Le titre pourrait prêter à sourire, Sketchpad est un nouveau logiciel de dessin en ligne.
Jusqu’ici, rien de révolutionnaire, on retrouve quelques fonctionnalités inhérentes à Photoshop.
Son plus se situe donc dans sa réalisation, développé en Html 5, css et javascript, donc logiquement il devrait respecter les standards du web.

testez le logiciel : Sketchpad
Source : Monkeedesign

Klok : estimer son temps de création

Ozon3 — Fri, 05 Feb 2010 09:18:52 +0000

Klok permet de chronométrer le temps passé sur une tâche ou un projet.
Cette application gratuite donne la possibilité d’organiser nos projets, en sous-dossiers, d’y entrer le contact de nos clients et d’estimer le temps consacré.

Pour s’y retrouver facilement, on peut apposer des commentaires, coloriser ses taches et éditer un rapport sous forme de graphique.

Pour l’instant la version n’est disponible qu’en anglais.
Voir le site de Klok

le rapport entre graphiste web et intégrateur ?

Ozon3 — Thu, 10 Dec 2009 12:03:37 +0000

Une vidéo tournée en octobre 2009 durant le Paris Web 2.0.
Le thème de cette conférence animée par Gilles de Pixenjoy, était axé sur le rapport entre l’intégrateur et le designer dans les projets web.

Trés instructif…

Webdesigner, l’homme qui parlait à l’oreille des intégrat…
envoyé par parisweb

Impact de twitter sur la blogosphère

Ozon3 — Wed, 02 Dec 2009 18:23:48 +0000

Aprés avoir sollicité plusieurs blogueurs expérimentés, Romain Parent nous propose ce diaporama intéressant sur l’impact de Twitter sur la blogosphère.

source : site-communautaire.blogspot

Cms.txt : un CMS poids plume de 6kb

Ozon3 — Fri, 24 Jul 2009 17:17:42 +0000

Dans la série des système de gestion de contenu (CMS), un nouveau venu Cms.txt, poids plume : 6Kb.
Quelques thèmes sont disponibles, cependant encore trop peu de ressources.
Personnellement je n’ai pas pris le temps de le tester, mais c’est une information qui me paraissait intéressant, pour les fans de Cms.

source : bbxdesign

Utilitaires en ligne : Inconverticos, checkmycolours, 1kb css grid

Ozon3 — Sun, 05 Jul 2009 10:35:26 +0000

Inconverticos : Créer rapidement en ligne ses propres icônes au format hqx, (finder Mac), icns (format native Mac), .ico (window) et .png (linux).

Checkmycolours analyse le contraste des couleurs et la lisibilité de votre site. Tout cela en vue d’évaluer s’il est accessible aux personnes atteints de déficiences visuelles.

1kbgrid : Générer rapidement un template Css, régler le nombre de colonnes, la largeur des colonnes, ainsi que la marge.