Accueil Forum -> Techno Geek -> Programmation  >>  Conseil sur le responsive design
9 messages
Accueil Forum -> Techno Geek -> Programmation  >>  Conseil sur le responsive design
9 messages

Conseil sur le responsive design

14 février 2014 à 00:04 Frederic  
Bonsoir les gens! ( :

J'aurai besoin de conseils où pistes concernant le responsive design (cette galère que tout intégrateur web doit être capable de savoir codé de nos jours T_T)

Mais de quoi tu me parle toi ça se mange ce truc?! é_è



...blablabla... en gros c'est pour qu'un site s'adapte automatiquement aux smartphones où tablettes pour être afficher correctement.

Je doit créer un site vitrine codé en HTML 5/CSS 3, je me suis donc un peu renseigné à ce sujet, (exemple: Bootrap... merci Admin !) mais je suis un peu perdu par tout les moyens

Une âme charitable pour m’éclairai? Merci d'avance o/

Conseil sur le responsive design

20 février 2014 à 02:28 pat  
J'ai tester quelque libs et je pense que bootstrap est pas mal en terme de possibilité et de facilité d'utilisation

Conseil sur le responsive design

20 février 2014 à 10:30 Helbaal  
bootstrap est effectivement ce qui est le plus utilisé, sinon je te conseille aussi d'utiliser less pour générer tes css c'est beaucoup plus facile de bosser avec

Conseil sur le responsive design

20 février 2014 à 14:28 Frederic  
Je vais me renseigné sur LESS, sinon j'ai listé beaucoup, beaucoup de framwork.

- Bootstrap
- Foundation
- Skeleton
- InuitCSS
- KnaCSS
- Compass
- RoCSSti

Tellement que je suis un peu perdu, c'est vrai qu'ils ont tous leurs petit plus, mais lesquels sort un peu du lot ?

Conseil sur le responsive design

07 mars 2014 à 11:51 Obsidien  
J'ai testé Foundation sur un projet récemment, couplé avec Sass, et c'est relativement facile à utiliser je pense. J'en suis satisfait, la doc est très claire (avec pleins d'exemples).

L'avantage d'utiliser Sass (ou tout compilateur CSS, comme LESS), c'est qu'on peut notamment faire le responsive sans rajouter des classes toutes moches dans le HTML. Ce n'eest qu'un des avantages, il y a aussi :
- CSS final minifié automatiquement, donc plus léger
- Syntaxe beaucoup plus puissante, par exemple tu peux faire des trucs comme ça (désolé, l'indentation ne tient pas sur le forum =/) :

a écrit:
body {
$size: 2rem
.maclasse {
> p {
font-size: $size;
}
a {
font-size: $size/2;
}
}
}

Ce bloc de code (en SASS), une fois compilé, donnera :

a écrit:
body .maclasse > p {font-size:2rem;}
body .maclasse a {font-size:1rem;}

Tu peux donc avoir des variables dans ton CSS, par exemple pour les tailles, les couleurs, les polices, les bordures, ce qui t'évite de réecrire 50 fois les mêmes lignes. Tu peux aussi imbriquer les sélecteurs les uns dans les autres, ce qui fait gagner de la place est est beaucoup plus facile à lire et à maintenir
- peut générer automatiquement certains préfixes (-webkit-, -moz-, etc.)
- la possibilité de créer des mixins : un mixin regroupe un ensemble de propriété, par exemple une couleur, un font-family, et un soulignement. Il te suffit ensuite de faire un '@include monmixin' n'importe ou dans ton CSS pour que ces propriétés soient incluses à l'endroit indiqué.

Si tu as des questions sur Foundation, n'hésite pas.



Message édité le 2014-03-07 12:03:02 par Obsidien

Conseil sur le responsive design

17 mars 2014 à 00:45 Frederic  
Salut

Merci pour ta réponse j'ai déjà tester Bootstrap, Jquery-mobile et Html5-kickstart qui sont pas mal.

Je pense testé Founddation qui à l'air pas mal, alors couplé avec Sass ça doit être juste génail!

Merci :)


Message édité le 2014-03-17 00:50:08 par frederic

Conseil sur le responsive design

17 mars 2014 à 08:29 xanthius21    
J'utilise gumby 2 au boulot et c'est vraiment très bien. Il utilise nativement Sass et il est assez simple d'utilisation

Conseil sur le responsive design

22 mars 2014 à 11:59 Frederic  
Je vais le tester également merci, il y en à tellement o/

Conseil sur le responsive design

26 septembre 2015 à 23:26 pelito  
le sujet n'a plus trop l'air d'être d'actualité mais avant de t’intéresser aux framework, je te conseille quand même de commencer par lire ça : http://www.alsacreations.com/article/lire/930-css3-media-queries.html