Responsive web design : Comment optimiser son site pour mobiles et tablettes (2ème partie)

thumb3

Dans un article précédent nous avons parlé des outils que nous avons choisi pour la réalisation du site secri.fr, afin d'en faire un site "responsive" (ou en français, "réactif"). Cependant, avant de passer à l'intégration du site il nous a fallu repenser le design. En effet, le visuel du site en 960px de large avait déjà été validé par le client, … [Lire plus...]

Responsive web design : Comment optimiser son site pour mobiles et tablettes (1ère partie)

responsive_thumb

Nous avons récemment mis en ligne le site secri.fr, pour un syndic de copropriété situé en région parisienne. Nous l'avons intégré de sorte qu'il soit "réactif". En anglais on parle de "responsive web design". En pratique, cela signifie qu'on utilise les media-queries (CSS3) pour appliquer des styles différents selon la taille de l'écran, de la … [Lire plus...]

Créer des sites accessibles, c’est facile

monkey

Dans cet article nous allons parcourir quelques règles d'accessibilité qui concernent le code HTML, l'écriture des contenus, ainsi que les phases de conception et de design. Ces règles rendent service à une multitude d'utilisateurs. En parallèle, elles favorisent un bon référencement naturel, ce qui n'est pas négligeable. Il y a donc tout à gagner … [Lire plus...]

Comment utiliser CSS3 dès aujourd’hui

Logo de CSS3

CSS3 en bref CSS3 permet la création d'effets visuels qui ne pouvaient pas être réalisés auparavant, ou qui nécessitaient du marquage en plus et/ou du Javascript. En bref, CSS3 simplifie le job de l'intégrateur et met plus d'outils à sa disposition. Parmi les nouveautées inclues dans les specifications CSS3, on trouve : text-shadow : en une … [Lire plus...]

Typographie, navigateurs et CSS

typo

Récemment, alors que j'étais en phase d'intégration d'un site dont je venais de réaliser la maquette graphique, je me suis heurtée à quelques problèmes de rendu de typographie. Il faut savoir que le site en question a un fond très foncé avec du texte clair, et que j'ai plus souvent conçu des sites clairs au texte foncé (meilleure lisibilité). 1er … [Lire plus...]