Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Redesignez le Site du Zéro

A la sauce web 1.0 ou web 3.0

1 août 2013 à 17:02:02

pabneg a écrit:

Je participe a la v3.0 !

Philiga sous Chrome ton border bottom m'affiche un trait noir tout le long du menu, est-ce voulu ?

-
Edité par pabneg il y a 2 minutes

Pareil chez moi.

-
Edité par Toxxiczad 1 août 2013 à 17:10:04

  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

1 août 2013 à 17:07:39

@elyppire933 : tu peux ajouter ce lien pour mon design. Bon, je n'ai pas commencé mais ça ne saurait tarder. ;)
  • Partager sur Facebook
  • Partager sur Twitter
Mon site web  Pensez à faire une recherche avant de poster ! Je ne donne pas d'aide par message privé.
1 août 2013 à 17:09:57

le pere ceval a écrit:

Salut,

J'ai fais une petite version 1.0 ici . :)

Le design est optimisé pour une résolution 640 * 480 ( Ben oui, c'est du 1.0 ) .

Je n'ai utilisé que des couleurs basiques, le résultat est assez moche, mais c'est voulu :p.


dommage que la qualité du code derrière soit en 3.0 :p
  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 17:11:45

@Toxxiczad & pabneg

Oui, c'était pas "calculé", mais je trouve l'effet sympa, donc "c'est voulu".

Sinon, n'oubliez pas de poser la souris sur le logo...

@elyppire933 : merci !

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
1 août 2013 à 17:12:16

jQzz a écrit:

@elyppire933 : tu peux ajouter ce lien pour mon design. Bon, je n'ai pas commencé mais ça ne saurait tarder. ;)

Quelle thématique ?

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
1 août 2013 à 17:14:04

Web 3.0.
  • Partager sur Facebook
  • Partager sur Twitter
Mon site web  Pensez à faire une recherche avant de poster ! Je ne donne pas d'aide par message privé.
1 août 2013 à 17:23:40

Voilà,

J'ai fini mon design 3.0!

http://jsfiddle.net/Mrfabien06/jUxxy/46/

J'ai opté pour un responsive, pensez à redimensionner la fenêtre, c'est le détail qui tue !

Bonne continuation, Fabien

  • Partager sur Facebook
  • Partager sur Twitter
Création de site web et référencement à Lannion & Brest | useroom.com
1 août 2013 à 17:26:39

@jQzz et @mrf@bien06 : c'est noté ;)

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
1 août 2013 à 17:40:25

@Toxxiczad & pabneg (suite...)

Pour le trait noir tout le long du menu, c'est vrai que si on veut chipoter, de près, il y a 1 pixel ou 2 de trop à chaque bout ;

Pour arranger ça, il faut ajouter :

nav ul li:first-child a{
border-bottom-left-radius:5px;
}
nav ul li:last-child a{
border-bottom-right-radius:5px;
}


Ce que j'ai fait sur la version 5 : http://jsbin.com/iquzeg/5

Mais comme j'ai dit plus haut à elyppire933 que je ne lui demanderais plus de réactualiser mon lien, je ne vais aucunement le faire, n'est-ce pas...?

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
1 août 2013 à 17:51:51

Je vais le faire. Quand on lance un atelier, c'est aussi pour l'animer. Je suis là pour ça.

BTW, c'est clair que c'est plus pratique les github like, ça évite de se taper le système de versioning.

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
1 août 2013 à 18:07:57

philiga a écrit:

@Toxxiczad & pabneg (suite...)

Pour le trait noir tout le long du menu, c'est vrai que si on veut chipoter, de près, il y a 1 pixel ou 2 de trop à chaque bout ;

Pour arranger ça, il faut ajouter :

nav ul li:first-child a{
border-bottom-left-radius:5px;
}
nav ul li:last-child a{
border-bottom-right-radius:5px;
}


Ce que j'ai fait sur la version 5 : http://jsbin.com/iquzeg/5

Mais comme j'ai dit plus haut à elyppire933 que je ne lui demanderais plus de réactualiser mon lien, je ne vais aucunement le faire, n'est-ce pas...?

Tout à fait ;) !

  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

1 août 2013 à 18:08:47

Ouaip, par contre le trait est légèrement trop haut, il faudrait le descendre d'un ou deux pixel car on voit du gris en dessous
  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 18:08:57

Ok merci elyppire933,

Je pourrais aussi ne pas faire "LOCK REVISION #X" sur JSBin, ainsi je pourrais mettre à jour le code sans changer le lien, mais comme je n'ai pas encore bien pigé son fonctionnement, je ne sais pas vraiment si cela permettrait à tout le monde de l'éditer ou si cela recrée une copie chaque fois.

Quand à Github & co, c'est encore plus nébuleux pour moi...!

Voilà une idée de tutoriel : un mode d'emploi de ces outils...

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
1 août 2013 à 18:14:53

@pabneg:

"C'est voulu" (puisque je te le dis...!;))

Mais il ne faut pas le regarder de près et en détails ; c'est de loin et l'ensemble qui fait un effet de fente que je trouve sympa).

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
1 août 2013 à 18:33:10

Pourquoi en aout, je pars demain :(

peut etre que je test quand meme

  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 18:38:49

mrf@bien06 a écrit:

Voilà,

J'ai fini mon design 3.0!

http://jsfiddle.net/Mrfabien06/jUxxy/46/

J'ai opté pour un responsive, pensez à redimensionner la fenêtre, c'est le détail qui tue !

Bonne continuation, Fabien

Bien vu le responsive ! C'est quelque chose que je n'ai pas encore étudié du tout. Cet atelier est peut être une bonne occasion pour m'y mettre !

  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

Anonyme
1 août 2013 à 18:58:01

Bonjour,

voilà un peu petit essaie en version web 3.0 http://jsbin.com/alegab/2

  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 19:05:33

Au fait, est-ce qu'on a le droit d'utiliser la spreadsheet du SDZ ?
  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

1 août 2013 à 20:09:50

Voila pour moi (CSS3) :

http://regz.olympe.in/sdz-01/base.html

je compte rajouter 2/3 images quand je reviens

commentaire bienvenue :)

-
Edité par Regz 1 août 2013 à 20:10:12

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
1 août 2013 à 20:17:10

Sympa comme atelier, mais c'est fou comme tout vient vite ou rien ne viens.

ça fait 3 semaines que j'ai rien à faire en soirée, et en 4 jours j'ai deux pc à refaire, un jeu de la vie à programmer, une makette du sdz à faire et tout ça pour hier x)

Bon, j'vais voir se que j'peux faire, j'garanti rien mais j'ferais de mon mieux :)

Merci pour l'atelier elyppire :)

  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 20:36:28

Bonsoir,

je participe, pour la version web 1.0  :)

  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 20:51:13

Bon, et bien on va participer ! Version 3.0 pour commencer :)
  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 20:53:40

Voici ma version web 1.0

Attention à pas rester dessus trop longtemps ca vous ferais mal à la tête.

Je vais vers une version 3.0 maintenant.

  • Partager sur Facebook
  • Partager sur Twitter
"Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
1 août 2013 à 20:59:58

Il est vraiment moche Etoile Filante, bravo !:lol:
  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 21:01:09

Merci j'ai toujours eu un talent pour faire des choses ratée xD

On verra ce que ca donne avec ma version 3

  • Partager sur Facebook
  • Partager sur Twitter
"Working on my five-year plan. Just need to choose a font"- Chuck Bartowski
1 août 2013 à 21:28:38

Etoile Filante, e coup des menus a droite avec les puces à gauche c'est vraiment chiant, Bravo :D
  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 21:46:59

Haha terrible Etoile Filante ! :)
  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

1 août 2013 à 21:51:52

J'ai fait une MaJ de ma v3 mais ça donne assez mal j'ai pas de temps :/

(pour rappel : http://regz.olympe.in/sdz-01/base.html)

Donnez votre avis !

Comme j'ai l'habitude de prendre mon temsp et de surtout utiliser le js c'st pas genial

-
Edité par Regz 1 août 2013 à 21:53:11

  • Partager sur Facebook
  • Partager sur Twitter
1 août 2013 à 22:01:10

J'ai mis à jour le tableau initial. S'il y a quelconque erreur, faites moi signe.

Merci pour votre implication, ça fait plaisir.

Bravo à Etoile Filante qui s'est lancé dans les profondeurs de la désolation, le rendu est intéressant.

Bon courage pour ceux qui commencent ou continuent :)

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP