CSS


déc

28

2013
Créer une vidéo responsive pour Youtube, Vimeo, etc.

Créer une vidéo responsive pour Youtube, Vimeo, etc.

Les standards évoluent rapidement et le responsive fait maintenant partie intégrante de nos processus de développement, nous, agences. L’exercice d’aujourd’hui va consister à mettre une place une vidéo responsive à partir du code que vous donne Youtube, dans l’onglet partage : <iframe width="560" height="315" src="//www.youtube.com/embed/MJ_J6aAP7aI" frameborder="0" allowfullscreen></iframe>   Vous remarquez que le code de base attribut un largeur et une hauteur fixe définie à l’iframe...

Lire la suite


sept

27

2013
10 erreurs CSS à éviter

10 erreurs CSS à éviter

Oui, tout le monde connais le CSS mais non, peu de personnes ne font pas d’erreurs lorsqu’ils codent. Avis aux agences web : bookmarkez cet article ou envoyez le à votre développeur pour qu’il en prenne connaissance si la qualité des sites ou applications que vous produisez vous importe. C’est parti !   1/ L’utilisation des IDs Il y a plusieurs types de sélecteurs :...

Lire la suite


mar

14

2012
LESS CSS : le langage qui a du style

LESS CSS : le langage qui a du style

LESS est un nouveau langage qui permet de créer dynamiquement le style de vos sites. Il est basé en grande partie sur le CSS, vous ne serez pas perdu. Il permet cependant plusieurs choses qui ne sont pas prévues à la base dans les fichiers CSS : l’utilisation de variables la création de mixins la définition de règles imbriquées (héritage) la création de fonctions la...

Lire la suite


nov

29

2011
Les grilles CSS ou CSS grid et le Responsive Web Design

Les grilles CSS ou CSS grid et le Responsive Web Design

Un professeur m’a dit un jour que chaque mouvement artistique – en musique, en littérature ou dans les beaux arts – pouvait être considéré comme la réponse au mouvement précédent. Les producteurs des années soixante ont produit Bonnie et Clyde et Le Lauréat pour contrer les vieux films hollywoodiens comme La Mélodie du bonheur. Dans Le Paradis perdu, John Milton, pas très subtil, brocarde ses...

Lire la suite


nov

21

2011
Détecter une police d’écriture en 1 clic

Détecter une police d’écriture en 1 clic

Il m’arrive sans cesse de visiter des sites dont la typographie et l’harmonie graphique du site dégagent quelque chose d’impressionnant que l’on a envie de savoir ce qui se cache sous la bête. Pour les images et le graphisme général du site, vous avez vos yeux et votre savoir-faire les reproduire à votre sauce. Pour la manière dont le code a été développé, vous avez...

Lire la suite


nov

04

2011
Le ‘run-time rendering’ : le futur du design web

Le ‘run-time rendering’ : le futur du design web

Le run-time rendering une technique qui permet d’afficher les images uniquement des navigateurs pour à terme remplacé l’usage d’éditeur graphique tel que Photoshop (ie ‘autor-time rendering). Les navigateurs modernes sont de plus en plus capables d’afficher des éléments graphiques et de produire des effets développés uniquement en CSS et parfois avec un peu de JavaScript. Dégradés, lueurs externes, biseaux, ombres et animations, tout peut être créé...

Lire la suite


oct

27

2011
L’affichage des bordures CSS dans les différents navigateurs

L’affichage des bordures CSS dans les différents navigateurs

Je suis certain que vous avez déjà utilisé les bordures en CSS lors de développements. (sinon fichtre, sortez d’ici :p) Dans la plupart des cas, nous utilisons des bordures ‘solid’, c’est-à-dire des lignes continues mais il existe aussi les bordures dites . Il y a par ailleurs beaucoup de ces valeurs que vous n’avez probablement jamais utilisé. Et bien en fonction des navigateurs, l’affichage des bordures...

Lire la suite


juil

23

2011
Générateurs CSS3 pour démarrer du bon pied

Générateurs CSS3 pour démarrer du bon pied

Vous vous sentez d’attaque pour créer votre propre site ou faire une refonte d’un site existant en utilisant les fantastiques possibilités que vous offrent les propriétés CSS3 ? Cet article est pour vous. J’ai concocté pour vous, chers followers, cette liste d’outils qui vous aideront à arriver à votre faim plus facilement. La liste rassemble des générateurs CSS3 ou ‘CSS3 Maker’ ainsi qu’un template CSS3...

Lire la suite


juil

11

2011
Le top 10 des propriétés CSS3 : compatibilité inter-navigateur

Le top 10 des propriétés CSS3 : compatibilité inter-navigateur

La liste des propriétés qui suivent n’inclue pas toutes les propriétés CSS3 existantes à ce jour. C’est une sélection des qui vous donneront une bonne base pour vos développements front-end futurs et qui vous permettra de vous faire gagner du temps. Note : à l’exception de @font-face, . IE9 en supporte quelques une, ce sera indiqué lorsque ça sera le cas. @font-face @font-face permet aux polices...

Lire la suite


juin

16

2011
Créer un site mobile sans redirection : les CSS3 media queries

Créer un site mobile sans redirection : les CSS3 media queries

Les CSS3 Media Queries ne sont pas très récentes. Elles permettent d’ de notre navigateur, peu importe la plateforme sur laquelle vous vous trouvez, en allant des écrans d’ordinateurs, aux tablettes pc à l’horizontale, aux tablettes pc à la verticale (type iPad par exemple), jusqu’aux smartphones. De plus, les CSS media queries ont comme avantage de ne pas nécessiter de recoder un site. Un seul...

Lire la suite



Page 1 sur 212