Nouveau site restaurant gastronomique

Postez un lien vers votre site réalisé avec Contao
Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 10 Mars 2013 12:44

Hello,

Voici ma dernière création : http://www.restaurantlecanotier.fr/
Un site web Responsive Design

Bon appétit
@+
www.igweb.fr

Avatar de l’utilisateur
tom-over
Membre
Messages : 829
Inscription : 23 Mai 2008 10:43
Localisation : Rouen

Re: Nouveau site restaurant gastronomique

Messagepar tom-over » 11 Mars 2013 10:11

Je remarque que tu es toujours fan du vert dans tes créations ! ! :lol:
Dernière édition par tom-over le 11 Mars 2013 13:50, édité 1 fois.

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Mars 2013 10:35

tom-over a écrit :Je remarque que tu es toujours fan du vert dans tes création ! ! :lol:

Ah ah ah !! Oui, faut croie... :lol:
Les prochains n'ont pas de vert... :wink:
www.igweb.fr

Avatar de l’utilisateur
tom-over
Membre
Messages : 829
Inscription : 23 Mai 2008 10:43
Localisation : Rouen

Re: Nouveau site restaurant gastronomique

Messagepar tom-over » 11 Mars 2013 13:52

Tu as procédé comment pour le responsive ?
Je vais avoir une refonte d'un site à faire et j'aimerai bien tester ça !

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Mars 2013 14:03

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...
www.igweb.fr

Avatar de l’utilisateur
Nico
Membre
Messages : 46
Inscription : 04 Juil 2011 16:56
Localisation : Deux-Sèvres
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar Nico » 11 Mars 2013 16:18

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 ;-)
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Mars 2013 16:23

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

Avatar de l’utilisateur
Nico
Membre
Messages : 46
Inscription : 04 Juil 2011 16:56
Localisation : Deux-Sèvres
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar Nico » 11 Mars 2013 16:42

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 ;-)
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Mars 2013 16:53

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 !! :wink:

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... :wink: )

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

Avatar de l’utilisateur
Nico
Membre
Messages : 46
Inscription : 04 Juil 2011 16:56
Localisation : Deux-Sèvres
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar Nico » 11 Mars 2013 17:22

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 ;-)
Nicolas BRUNET - Conception de sites web - http://www.tabularasa.fr

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Mars 2013 17:29

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 !! :lol: :wink:
www.igweb.fr

Avatar de l’utilisateur
audrey
Membre
Messages : 282
Inscription : 07 Mars 2011 09:09
Localisation : Perpignan
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar audrey » 13 Mars 2013 23:03

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 :shock: mais pratique dans certains cas.

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 14 Mars 2013 10:11

audrey a écrit :Juste beau, propre et ergonomique comme à chaque fois.
Je reste toujours aussi fan :)

Hey !! Merci audrey :wink:

audrey a écrit :C'est toi qui prend aussi les photos ?

Non, je n'ai pas se talent... malheureusement ! :wink:

@+
www.igweb.fr

Avatar de l’utilisateur
tom-over
Membre
Messages : 829
Inscription : 23 Mai 2008 10:43
Localisation : Rouen

Re: Nouveau site restaurant gastronomique

Messagepar tom-over » 10 Avr 2013 11:32

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 ?

Avatar de l’utilisateur
ST WebDesign
Membre
Messages : 291
Inscription : 29 Avr 2009 20:57
Localisation : Vendée
Contact :

Re: Nouveau site restaurant gastronomique

Messagepar ST WebDesign » 11 Avr 2013 18:28

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 ! 8)

@+
Sam
www.igweb.fr


Revenir vers « Exposition Contao »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité