CSS

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


css

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 […]

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


10 erreurs CSS à éviter


css

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 […]

10 erreurs CSS à éviter


LESS CSS : le langage qui a du style


css

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 […]

LESS CSS : le langage qui a du style


Les grilles CSS ou CSS grid et le Responsive Web Design


css

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 […]

Les grilles CSS ou CSS grid et le Responsive Web Design


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


css

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 […]

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


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


css

Le ‘run-time rendering’, c’est quoi ?   C’est une technique qui permet d’afficher les images uniquement par l’intermédiaire du moteur graphique 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 […]

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


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


css

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 ‘dotted’, ‘double’, ‘groove’, ‘ridge’, ‘inset’, ‘outset’ et ‘dashed’. Il y a par ailleurs beaucoup de […]

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


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


css

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 […]

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


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


css

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 10 propriétés 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, ni IE6, IE7 ou IE8 ne […]

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


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


css

Les CSS3 Media Queries ne sont pas très récentes. Elles permettent d’adapter un site internet en fonction de la taille de l’écran 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 […]

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


Adapter les images de votre site internet pour les mobiles


css

Les mobiles ne peuvent plus être mis à l’écart, ce temps est révolu. Voici un petit guide qui vous aidera à personnaliser les images de votre site.[br nbr=2] En 2006, Nokia a mis sur le marché son premier navigateur basée sur Webkit supportant complètement l’HTML et le CSS 2.1, en ce temps c’était vraiment un […]

Adapter les images de votre site internet pour les mobiles