Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Atelier] Redesignez le Site du Zéro

A la sauce web 1.0 ou web 3.0

2 août 2013 à 8:18:59

Johan_Clbrt a écrit:

Première itération ! :lol:

=> ATTENTION GROS CHEF D'ŒUVRE ! <=


Zozor en mode <marquee> ! Que de souvenirs, cette balise :)
  • Partager sur Facebook
  • Partager sur Twitter

United we run, divided we crawl.

2 août 2013 à 8:21:06

J'ai bien notifié vos participations :)

@nightmat : très belles polices + site en responsive... continue !

@ Johan_Clbrt : pas mal, outre le mauvais goût tu as pensé à faire un site tout sauf user-friendly (form de contact qui bouge).

@Roky974 : vraiment pas mal ces petits détails cachés : excellente initiative ! Surtout le bouton power en full css, inutile certes, donc indispensable.

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
2 août 2013 à 10:19:06

Bon allez, c'est trop drôle,

voici ma version relookée pour le web 1.0 en mode "techno-psychédélique" années 70 :

http://jsbin.com/iquzeg/11

Kitch à souhait !

PS: Vive le marquee (de Sade!)

Comment ça c'est pénible à lire...?

-
Edité par philiga 2 août 2013 à 10:24:06

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

@philiga : y'a de l'idée...

Je suis en train d'en préparer un (web 1.0), vous m'en direz des nouvelles ;)

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
2 août 2013 à 12:32:39

salut tout le monde

ben moi je me suis inspiré de la couverture du livre html5 / css, de SDZ, pour une v3

voilà ce que ça donne ^^

http://codepen.io/youne25/full/Jpahy

le code est ici

http://codepen.io/youne25/pen/Jpahy

  • Partager sur Facebook
  • Partager sur Twitter
deux choses sont infinies: l'univers et la bêtise humaine. Mais en ce qui concerne l'univers, je n'en ai pas encore acquis la certitude absolue. A.E
2 août 2013 à 14:18:12

Salut,

@elyppire993, peux-tu changer mon lien du premier post pour celui-ci http://mrfabien06.site90.net/sdz/

Merci d'avance Fabien

  • Partager sur Facebook
  • Partager sur Twitter
Création de site web et référencement à Lannion & Brest | useroom.com
2 août 2013 à 14:21:24

@youne25 : c'est noté

@mrf@bien06 : c'est fait

  • Partager sur Facebook
  • Partager sur Twitter
Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
Anonyme
2 août 2013 à 15:53:20

Woaaa les version WEB 1.0 c'est vraiment réussi, ça picote les yeux. :p
  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
2 août 2013 à 17:15:47

Voila une première version (très) simple :) (Je vous met un screenshot en attendant une version en ligne avec un code clair :)

http://img4.hostingpics.net/pics/294482sdz.png (web 3.0)

  • Partager sur Facebook
  • Partager sur Twitter
2 août 2013 à 17:24:28

Salut,

joli mais la font n'est pas lissée... :( 

  • Partager sur Facebook
  • Partager sur Twitter
2 août 2013 à 17:44:19

Re mise a jour j'avais oublie la police de caractère.
  • Partager sur Facebook
  • Partager sur Twitter
2 août 2013 à 17:45:42

Attention jourdain, on a dit sans javascript...
  • Partager sur Facebook
  • Partager sur Twitter
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
2 août 2013 à 17:49:57

Je vais rajouter une mention "Optimisé pour Internet Explorer 5" ! :D
  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
2 août 2013 à 18:20:35

@ronamazona : si c'est dans les balises HTML, ça compte comme du JS quand même ? :p
  • Partager sur Facebook
  • Partager sur Twitter
2 août 2013 à 18:56:26

ronamazona a écrit:

Attention jourdain, on a dit sans javascript...

Désoler mais je n'est pas mis de javascript, le seul javascript qu'il y as c'est le site http://jsfiddle.net qui la mis je n'y suis pour rien.

  • Partager sur Facebook
  • Partager sur Twitter
2 août 2013 à 19:52:46

Salut !

Voici, donc, ma participation en web 3.0 !

J'ai bossé dessus depuis hier soir, qu'en pensez-vous ? (il y a encore des choses à améliorer mais l'essentiel est présent)

http://sdzatelier.comuf.com/Redesign_SDZ/

Bonne soirée !

  • Partager sur Facebook
  • Partager sur Twitter
Musicien & graphiste amateur !
2 août 2013 à 19:56:34

jourdain.franky a écrit:

ronamazona a écrit:

Attention jourdain, on a dit sans javascript...

Désoler mais je n'est pas mis de javascript, le seul javascript qu'il y as c'est le site http://jsfiddle.net qui la mis je n'y suis pour rien.

Ah oui désolé, j'avais pas fait gaffe...

@viki : tu veux qu'on se fâche ? :lol:

  • Partager sur Facebook
  • Partager sur Twitter
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
2 août 2013 à 20:48:35

Je pends note de vos créa et je met à jour le tableau initial. :)

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

Allez, voilà ma proposition : http://cdpn.io/Hgykh

-
Edité par jQzz 2 août 2013 à 21:36:19

  • 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é.
2 août 2013 à 21:44:30

Mise à jour de mon côté également : http://jsfiddle.net/eGVZx/embedded/result/

-
Edité par nightmat 2 août 2013 à 21:45:19

  • Partager sur Facebook
  • Partager sur Twitter
Ce n'est pas parce que vous ne savez pas vous servir d'un marteau qu'il faut planter des clous au tournevis.
2 août 2013 à 21:47:56

@jQzz et @nightmat : édité.

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

Salut c:

Ma proposition web 3.0 : ici !

Je ferais peut être une deuxième version plus complète avec du html en plus :p

PS : dans le HTMl il faudrait rajouter un attribut "name" commun à tous les inputs du sondage sinon on peut sélectionner toutes les options à la fois :)

  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 1:10:02

Monsieur L'admin Voici la Mise a jour de ma Version , SVP change la avec l'encienne.

http://result.dabblet.com/gist/6144343/5589b3a877f97d10ecacd1667830274251723df1

-
Edité par kawael 3 août 2013 à 2:00:25

  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 1:24:19

javascript est-il autorisé ?
  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 1:29:00

Non, c'est marqué dans les règles ..
  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 2:27:14

Atelier très simpa ! :)

@kawael : Ton design a de sérieux problèmes sur mon Firefox 22 :

  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 2:58:51

Oé j'ai fait avec Chrome.

Flex ne fontionne pas en Mozila

-
Edité par kawael 3 août 2013 à 3:05:18

  • Partager sur Facebook
  • Partager sur Twitter
3 août 2013 à 9:53:08

@Toutounel : vraiment sympa, ta participation. Pour les attributs name, je m'en suis rendu compte une fois le code mis en ligne, et comme plusieurs y travaillaient déjà dessus, je n'ai pas voulu faire un update. :)

@kawael : c'est noté. Beau design, dommage qu'il soit compatible qu'avec Chrome. Tu arriveras à faire un fallback Firefox et IE d'ici le 31 août ? :p

@jbilijbiliyoussef : non, je js n'est pas autorisé, comme te l'a dit Toutounel. Ce n'est pas parce que je ne l'aime pas, mais pour encadrer au mieux cette atelier, sans trop se disperser.

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