Nouveau site restaurant gastronomique
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Nouveau site restaurant gastronomique
Hello,
Voici ma dernière création : http://www.restaurantlecanotier.fr/
Un site web Responsive Design
Bon appétit
@+
Voici ma dernière création : http://www.restaurantlecanotier.fr/
Un site web Responsive Design
Bon appétit
@+
www.igweb.fr
- tom-over
- Membre
- Messages : 829
- Inscription : 23 Mai 2008 10:43
- Localisation : Rouen
Re: Nouveau site restaurant gastronomique
Je remarque que tu es toujours fan du vert dans tes créations ! !
Dernière édition par tom-over le 11 Mars 2013 13:50, édité 1 fois.
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
tom-over a écrit :Je remarque que tu es toujours fan du vert dans tes création ! !
Ah ah ah !! Oui, faut croie...
Les prochains n'ont pas de vert...
www.igweb.fr
- tom-over
- Membre
- Messages : 829
- Inscription : 23 Mai 2008 10:43
- Localisation : Rouen
Re: Nouveau site restaurant gastronomique
Tu as procédé comment pour le responsive ?
Je vais avoir une refonte d'un site à faire et j'aimerai bien tester ça !
Je vais avoir une refonte d'un site à faire et j'aimerai bien tester ça !
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
J'ai tout géré en CSS avec les média queries et la Présentation de page pour mobile.
Je n'ai pas utilisé la "Grille responsive" de contao.
Et avec l'aide de ce site : http://quirktools.com/screenfly/
Pour tester sous plusieurs support c'est bien pratique...
Sinon, rien de plus...
Je n'ai pas utilisé la "Grille responsive" de contao.
Et avec l'aide de ce site : http://quirktools.com/screenfly/
Pour tester sous plusieurs support c'est bien pratique...
Sinon, rien de plus...
www.igweb.fr
- Nico
- Membre
- Messages : 46
- Inscription : 04 Juil 2011 16:56
- Localisation : Deux-Sèvres
- Contact :
Re: Nouveau site restaurant gastronomique
Salut Sam !
J'ai vu ça ce matin dans mes mails, belle réalisation bravo !
Je termine également un projet responsive cette semaine mais j'ai utilisé le système de grilles par contre que je trouve assez pratique, en plus des mediaqueries et de la présentation mobile (pratique aussi pour ne pas charger certains éléments).
Bonne continuation
J'ai vu ça ce matin dans mes mails, belle réalisation bravo !
Je termine également un projet responsive cette semaine mais j'ai utilisé le système de grilles par contre que je trouve assez pratique, en plus des mediaqueries et de la présentation mobile (pratique aussi pour ne pas charger certains éléments).
Bonne continuation
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
Nico a écrit :mais j'ai utilisé le système de grilles par contre que je trouve assez pratique
En faite, j'ai essayé de comprendre comme ça fonctionnait cette grille... mais je dois avouer que je n'ai pas compris l'utilité ?? lol
ça apporte quoi de plus ?
www.igweb.fr
- Nico
- Membre
- Messages : 46
- Inscription : 04 Juil 2011 16:56
- Localisation : Deux-Sèvres
- Contact :
Re: Nouveau site restaurant gastronomique
En fait les grilles correspondent à des largeurs fixes, déjà définies.
Tu vas par exemple définir la classe grid3 à un article ou une div, sur le site cette boite va donc faire une largeur de 220 pixels (de mémoire). L'avantage est que dans un premier temps ça va te permettre de ne pas faire tes propres classes pour, imaginons, aligner 4 boites sur ta page d'accueil présentant 4 fonctionnalités.
Le second avantage dans le cadre du responsive c'est que tu vas dire via les media queries justement que pour telle résolution grid3 ne fait plus 220px mais 180px.
Du coup tu redimensionnes ta fenetre, tes boites s'adaptent à la volée sans que tu crées tes classes.
C'est des choses que je faisais à la main avant sans vraiment le savoir, là ce sont des règles du 960grid, ça cadre un peu c'est pas mal. Attention à ne pas tomber dans le flingage de créativité du coup.
Faut vraiment qu'on se rencontre, on n'est pas très loins, je te ferai voir ça, je suis certain que tu as des dizaines d'autres trucs à me faire voir
Tu vas par exemple définir la classe grid3 à un article ou une div, sur le site cette boite va donc faire une largeur de 220 pixels (de mémoire). L'avantage est que dans un premier temps ça va te permettre de ne pas faire tes propres classes pour, imaginons, aligner 4 boites sur ta page d'accueil présentant 4 fonctionnalités.
Le second avantage dans le cadre du responsive c'est que tu vas dire via les media queries justement que pour telle résolution grid3 ne fait plus 220px mais 180px.
Du coup tu redimensionnes ta fenetre, tes boites s'adaptent à la volée sans que tu crées tes classes.
C'est des choses que je faisais à la main avant sans vraiment le savoir, là ce sont des règles du 960grid, ça cadre un peu c'est pas mal. Attention à ne pas tomber dans le flingage de créativité du coup.
Faut vraiment qu'on se rencontre, on n'est pas très loins, je te ferai voir ça, je suis certain que tu as des dizaines d'autres trucs à me faire voir
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
Nico a écrit :Faut vraiment qu'on se rencontre, on n'est pas très loins, je te ferai voir ça, je suis certain que tu as des dizaines d'autres trucs à me faire voir
Oui, oui, faut qu'on se fixe une date !!
Merci pour les infos Nico, ça semble très bien effectivement.
je vais tester ça sur mon prochain projet responsive (je commence à en avoir de plus en plus en responsive... )
Juste une chose :
Comment tu définis la classe grid3 à un article ? Tu mets "grid3" ds le champ css de l'article en question ? c'est ça ?
www.igweb.fr
- Nico
- Membre
- Messages : 46
- Inscription : 04 Juil 2011 16:56
- Localisation : Deux-Sèvres
- Contact :
Re: Nouveau site restaurant gastronomique
Ouais c'est exactement ça.
je mets grid3 ou grid4 en classe CSS là où avant tu mettais toto, et c'est parti.
Pour une largeur complète de page je mets du grid9 par exemple.
Cherche un peu, c'est une grille 12 de mémoire, c'est à dire que la largeur de 960px est divisée en 12 parties comprenant les marges.
Ce qui est marrant c'est que je me sers de ces grilles pour mes maquettes sous photoshop depuis belle lurette mais pour le développement du site je ne m'en servais pas du tout.
Au plaisir
je mets grid3 ou grid4 en classe CSS là où avant tu mettais toto, et c'est parti.
Pour une largeur complète de page je mets du grid9 par exemple.
Cherche un peu, c'est une grille 12 de mémoire, c'est à dire que la largeur de 960px est divisée en 12 parties comprenant les marges.
Ce qui est marrant c'est que je me sers de ces grilles pour mes maquettes sous photoshop depuis belle lurette mais pour le développement du site je ne m'en servais pas du tout.
Au plaisir
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
Nico a écrit :Ce qui est marrant c'est que je me sers de ces grilles pour mes maquettes sous photoshop depuis belle lurette mais pour le développement du site je ne m'en servais pas du tout.
Oui, idem pour moi !!
www.igweb.fr
- audrey
- Membre
- Messages : 282
- Inscription : 07 Mars 2011 09:09
- Localisation : Perpignan
- Contact :
Re: Nouveau site restaurant gastronomique
Juste beau, propre et ergonomique comme à chaque fois.
Je reste toujours aussi fan
C'est toi qui prend aussi les photos ?
J'ai un peu du mal à suivre les grid etc.. dont vous parlez, je n'ai jamais utilisé les modules/plugins css sous Contao. Mais votre histoire de class prédéfinie, ça me fait juste penser à t-bootstrap. J'ai tenté "rapidement" une adaptation du bootstrap avec Contao ... c'est rapidement devenu une prise de tête mais pratique dans certains cas.
Je reste toujours aussi fan
C'est toi qui prend aussi les photos ?
J'ai un peu du mal à suivre les grid etc.. dont vous parlez, je n'ai jamais utilisé les modules/plugins css sous Contao. Mais votre histoire de class prédéfinie, ça me fait juste penser à t-bootstrap. J'ai tenté "rapidement" une adaptation du bootstrap avec Contao ... c'est rapidement devenu une prise de tête mais pratique dans certains cas.
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
audrey a écrit :Juste beau, propre et ergonomique comme à chaque fois.
Je reste toujours aussi fan
Hey !! Merci audrey
audrey a écrit :C'est toi qui prend aussi les photos ?
Non, je n'ai pas se talent... malheureusement !
@+
www.igweb.fr
- tom-over
- Membre
- Messages : 829
- Inscription : 23 Mai 2008 10:43
- Localisation : Rouen
Re: Nouveau site restaurant gastronomique
ah quand un tuto Contao pour le responsive ! ? ? cAR SI J'ai bien compris le responsive peut être géré avec la nouvelle version de contao ?
- ST WebDesign
- Membre
- Messages : 291
- Inscription : 29 Avr 2009 20:57
- Localisation : Vendée
- Contact :
Re: Nouveau site restaurant gastronomique
Nico a écrit :Pour une largeur complète de page je mets du grid9 par exemple.
C'est plutôt grid12 et non pas grid9 pour une largeur complète de page... (vu que c'est une grille 12)
En tous cas, je confirme c'est bien pratique cette css responsive !! J'adopte !
@+
Sam
www.igweb.fr
Revenir vers « Exposition Contao »
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité