• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Ils sont beaux ces t-shirts

Retour au concours

HTML5 - LA source par jojaba

Voir l'image en taille réelle

Note obtenue : 5.941/10

Commentaires

jojaba
29 Octobre 2011 à 15h47

Oui, oui, vous avez bien compté, il y a 4 couleurs en comptant le blanc ! En fait le blanc correspond à des zones transparentes, donc les éléments en blanc ici prendront la couleur du T-shirt.
Autre remarque concernant le code source au dos. Pas sûr que ce soit parfait, je n'ai pas encore l'habitude de coder en HTML5 mais je me soigne (notamment en lisant des ouvrages Eyrolles !). Vous aurez constaté que je ne fournis pas la CSS et le JS pour le canvas. Ce serait intéressant de faire un concours dans le concours à ce sujet : qui trouvera la CSS et le JS qui permettra un affichage de la page Web tel que le visuel du T-shirt (à gauche ci-dessus) ? Avis aux amateurs... :)

Raphael
29 Octobre 2011 à 20h27

Original, mais un peu trop chargé et illisible pour moi :/

jojaba
29 Octobre 2011 à 21h14

@Raphael : Trop chargé, certes, mais c'était le prix à payer pour rester cohérent avec l'idée de traduire un objet graphique en élément de page Web justement. Je voulais aussi ajouter un maximum d'éléments HTML5...
L'image du code est illisible à cause du redimensionnement que j'ai mal réalisé, désolé. Le plus important était tout de même le logo... ;)

audrasjb
30 Octobre 2011 à 10h10

Je trouve le logo sympa mais j'adhère pas avec l'idée du code HTML au dos (même si l'idée du code représentant le t-shirt est pas bête du tout) et avec la languette HTML5 sur le col. Le logo me semble également mal placé sur le t-shirt (un poil trop bas à cause de la languette HTML5).

Gili
30 Octobre 2011 à 18h11

Salut,

J'aime bien l'idée mais comme ça a été dis plus haut, je trouve que le code est mal mis en valeur. Dommage que tu n'as pas enrichi ça typographiquement. Je sais que c'est du code mais bon c'est aussi un t-shirt, ça aurait mérité de plus de lisibilité.

Et je rejoins audrasjb pour le placement du logo.

jojaba
30 Octobre 2011 à 19h06

Eh bien, ça m'apprendra d'être trop fidèle à une idée originale... Je comprends tout à fait vos remarques, c'est vrai que ce n'est qu'un T-shirt et que le code ne sera pas vraiment lisible comme ça... Il faudrait organiser un deuxième concours pour faire mieux ;p :D

audrasjb
31 Octobre 2011 à 17h48

En tout cas, on est apparemment tous d'accord sur l'orginalité de ta proposition ;)

PatateKiller
01 Novembre 2011 à 01h56

Je trouve que le logo est vraiment bien trouvé ! =)

jmlapam
02 Novembre 2011 à 21h25

Je salue la réalisation ;)

jeremy-p
02 Novembre 2011 à 22h02

C'est vrai que le logo est sacrément sympa, avec la Alsacréation's touch des petits "pépins" qui gravitent autour du HTML5 ! :D

jmpetaux
04 Novembre 2011 à 00h34

Le logo est sympa en effet.

jojaba
04 Novembre 2011 à 06h57

Merci pour votre soutien, ça fait vraiment plaisir !
Hélas, je pense que les jeux sont faits, il ne fera pas partie des 5 premiers :(

jojaba
04 Novembre 2011 à 10h21

Allez, autant prendre en considération les critiques...
Je vous ai concocté une version corrigée (pour ceux que ça intéresse ;)) :
http://jojaba.free.fr/xmedia/alsacreations/ap...

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/