Tutoriel Vidéo HTML-CSS : Design "Responsive"

atch Il y a 1 mois Répondre

pour répondre à ta question :
tu fais clic droit puis procéder à l'inspection de l'élément pour voir directement l'élément html que tu souhaite sinon F12 dans chômé

Mectoub Il y a 3 mois Répondre

Très bon tuto!
Une question me hânte (même si elle n'a rien à voir avec ce tuto).
Savez-vous si on a le droit d'utiliser une image d'un smartphone pour illustrer justement un webdesign pour smartphone?
Qu'elles sont les conditions relatives au droit d'image notamment?

Stephen Il y a 5 mois Répondre

très bon tuto, merci ;-)

Steeve.C Il y a 5 mois Répondre

Un grand merci pour cette vidéo clair, net efficace. C'est Génial merci !

Olivier C Il y a 7 mois Répondre

Hem, j'ai trouvé sur votre site : il ne s'agit pas d'un addon pour Chrome et il s'agit de "Sublime Text 2"...

Olivier C Il y a 7 mois Répondre

Merci pour le tuto, j'emploi déjà cette technique mais je ne la maîtrise pas encore bien, j'aimerais passer à la vitesse supérieure...

Juste une question : quel est l'addon, genre "notepad++", utilisé pour Chrome dans l'exemple ? Ça m'intéresse beaucoup.

slhomme Il y a 8 mois Répondre

Tres bon tuto,

Si je peux suggerer une petite addition sympa pour appliquer du "responsive" sur des images et des videos:

Videos: (youtube, vimeo, etc): http://fitvidsjs.com/
Images: http://adaptive-images.com/

Merci pour ces tres bon tutos en tt cas!

topher Il y a 9 mois Répondre

Je trouve cela super, par contre j'ai fait l'erreur de faire le test sur cette page, avec la video en cours, et la le résultat, est simple sous chrome, plantage dù à la présence de la video. Donc faire attention à la présence d'une video en flash

Ivan Il y a 9 mois Répondre

Pour éviter de casser les habitudes des utilisateurs sur un ordinateur classique il suffit de remplacer les max-width et min-width par max-device-width et min-device-width.
(pour le dev laissez max-width et min-width mais pour la prod changez)
;)

Annuaire Il y a 9 mois Répondre

En effet, très pratique ! merci pour ce super tuto !

ju150 Il y a 9 mois Répondre

pour un format mobile on peux pas mettre le changement de CSS a moins de 500 px ?

cicoub13 Il y a 9 mois Répondre

Merci beaucoup, ça marche !!!

djeyzz Il y a 9 mois Répondre

Très bon tuto

iCoda Il y a 9 mois Répondre

Excellent. Merci Graf' !

Mateofix Il y a 9 mois Répondre

Excellent tutoriel que j'ai mis en pratique sur le site que je suis en train de développer, merci

Laurent Il y a 9 mois Répondre

Jusqu'ici je n'étais pas très chaud pour me lancer dans les media queries (même si je dois avouer que j'étais asser intéressé) car ca avait l'air assez compliqué, mais je dois avouer que grâce à ton tuto ca a l'air extrémement simple à mettre en oeuvre (surtout avec la possibilité de rajouter les nouvelles règles dans la css existante).

Bref, un tout grand merci pour ce tutoriel, qui une fois de plus, est impeccable ;-)

Boobha Il y a 9 mois Répondre

J'adore

Iacdimix Il y a 9 mois Répondre

Mercy pour cette excellent Tito. Je post ce commentaries sur iPhone et le site est trés fluide et plus pratique

reduf Il y a 9 mois Répondre

Merci. C'est excellent.

dawinch Il y a 9 mois Répondre

Merci. C'est limpide.

jojodebelgique Il y a 9 mois Répondre

excellent je l'utiliserai sur le blog de mes sites

CowBoySD Il y a 9 mois Répondre

Merci, super tutoriel !

burkbo Il y a 9 mois Répondre

+1

mykee Il y a 9 mois Répondre

excellent comme dab ! Merci !!

fantoche Il y a 9 mois Répondre

Bravo !! et mercki :-)

Etix Il y a 9 mois Répondre

C'est excellant ! Merci :D

super_g2 Il y a 9 mois Répondre

quelle efficacité, un tuto similaire est paru récemment pour mettre en place ce genre de truc sur le CMS drupal : http://www.leveltendesign.com/blog/tom-nelson/three-ways-use-media-queries-drupal

enjoy

Nazahel Il y a 9 mois Répondre

Merci beaucoup pour ce tuto encore une fois très utile et clair !