Posts Tagged ‘web design’

Migrer votre site en CSS 3

(traduction partielle de l’article “Take Your Design To The Next Level With CSS3“).

Introduit depuis 13 ans, la notion de feuilles de style est de plus en plus répandu et a permis de créer des sites que nous n’aurions pas imaginer à l’époque. Chose surprenante, l’utilisation des spécificités des CCS 3 est plutôt timide alors que les dernières versions des navigateurs les prennent en charge.
Il est temps d’introduire ces fonctionnalités ! Et tant pis pour ceux qui utilisent des navigateurs obsolètes : il est temps d’en changer !

Utilisation des spécificités des navigateurs

Sans retomber dans les travers d’il y a quelques années – souvenez-vous : le “blink” clignotant qui ne fonctionnait qu’avec Internet Explorer ! – il est parfois nécessaire de spécifier que le code est propre à tel ou tel navigateur.
Par exemple les extensions -webkit- pour les navigateurs basés sur le moteur de rendu éponyme. Mais aussi -moz-, -khtml-, -o- ou -ms-… Pour rappel, il est préférable de ne pas les utiliser sauf à vouloir tester telle ou telle propriété ou pour des développements que l’on saura spécifiques à un navigateur donné, par exemple pour un site dédié à l’iPhone.

La suite de l’article détaille différentes spécificités de CSS3 : Les sélecteurs, la gestion de l’opacité et du colonnage, les fonds d’écran multiple, l’ombrage de texte et bien d’autres encore !

A lire donc sans attendre pour ceux qui n’aurait pas encore tâté de la CCS3 !

30

06 2010

Twitter et Design

Et un article de WebDesignDev qui propose un choix d’une trentaine de sites Twitter aussi beaux qu’agréables et utiles à lire : Le Top30 des designers sur Twitter !

03

09 2009

Le web design sur iPhone

iphoneJe profite de la sortie du nouvel iPhone, le 3GS pour ne pas le nommer, pour faire profiter de quelques liens sympathiques et utiles dans la conception de sites internet dédiés à cette petite machine !
Pour commencer, allons à la source, à savoir sur le site d’Apple
- Safari Dev Center,
- Mode d’emploi des interfaces iPhones pour les applications Web,
- Guide pour l’aide à la création du contenu Web,
- Javascript spécifique à Safari d’Apple,

Apple propose également toutes les infos nécessaires pour le développement d’applications iPhone : Docs, exemple, dont certains en vidéo, etc…

A côté du site officiel, quelques sites plutôt malins qui propose, tel iWebKit, de commencer vos développements à partir d’une base comprenant feuille de style et Javascript pour donner à votre site iPhone tout ce qu’il faut pour le rendre sympathique.

- Un simulateur d’iPhone pour tester vos sites et un deuxième que voici : iPhoney.

- Un site de développeurs : iPhoneWebDev.

- Quelques règles d’optimisation des sites dédiés à l’iPhone.

- Et en bonus quelques liens pour agrémenter son iPhone de quelques fonds d’écran personnalisés :

- Fonds d’écran sur smashingmagazine.com

09

06 2009