Concours de design FullCSS

Posté par  . Modéré par Nÿco.
Étiquettes :
11
22
mai
2009
Internet
Le FullCSSContest est un concours dont le but est la création du design d'une page web sans utilisation d'images ni de JavaScript et respectant les normes du W3C.

Le design devra être sous licence libre (Open Source et sous licence GPL), vous ne devez pas utiliser d'image, et dans la mesure du possible respecter les recommandations du W3C. La note attribuée à votre design (un jury est en cours de constitution) sera faite sur plusieurs critères :
  • Artistique
  • Ergonomie
  • Originalité
  • Respect des règles du W3C
  • Maîtrise du CSS

Les inscriptions seront closes le 15 juin 2009, et les résultats seront publiés le 30 juin 2009. L'idée est intéressante dans le sens où elle pousse les participants à mettre en œuvre des techniques innovantes pour faire des feuilles de style un véritable art.

À propos du concours

Vous devez concevoir le design d'une page HTML en utilisant uniquement du CSS.
Le but est d'imaginer une fiche utilisateur sur un réseau social (imaginaire) et tout ce que cela peut impliquer (photo de profil, nom, prénom, tags, amis, etc...) mais également les bases du site (navigation, moteur de recherche, etc...).
Pour le reste, faites ce que vous voulez!

À gagner
  • Un nom de domaine
  • Un hébergement de 2 ans, supportant PHP4, PHP5, MySQL
  • Faire la première page de ce site
  • Le fun :)
La notation

La notation lors du FullCSSContest est faites par deux équipes les visiteurs et le jury.
La note du jury compte pour 55% et celle des visiteurs pour 45%.

La notation est faite selon les critères suivants :
  • Artistique : Une œuvre d'art est un produit purement humain, d'êtres capables de sensibilité, et qui tentent de représenter dans des formes et des structurations d'éléments interagissant une perception construite, réelle ou transcendante.
  • Ergonomie : Une page facile à comprendre, faciliter la communication entre l'homme et la machine. L'ergonomie web peut être définie comme l'ensemble des actions visant à permettre à l'internaute d'utiliser un site internet avec un maximum de plaisir et d'efficacité
  • Respect des règles du W3C : Le W3C publie une liste de standards visant à normaliser le développement web.
  • Maîtrise du CSS : Avez-vous assez d'imagination pour faire du CSS un véritable art ?
Les règles

Le design que vous allez peut-être produire sera sous licence libre GPL.
Vous devez dans la mesure du possible respecter les recommandations du W3C.
Pour ce qui est de la compatibilité multi-navigateurs, nous avons décidé d'oublier Internet Explorer 6, cependant votre réalisation sera soumise aux votes du public, aussi votre réalisation devra être compatible avec le plus grand nombre.

Aller plus loin

  • # PHP4 déprécié, PHP6 annoncé

    Posté par  (site web personnel) . Évalué à 5.

    Juillet 2007, la fin de PHP4 et la début de PHP6 est annoncée :
    http://linuxfr.org/~supergab/24952.html

    Août 2008, la dernière mise à jour de PHP 4(.4.9) est publiée :
    http://www.php.net/releases/4_4_9.php

    Vu la quantité de failles de sécurité qui pleuvent sur PHP, je trouve que ça fait pas très sérieux de continuer à l'utiliser / le proposer : « À gagner : Un hébergement de 2 ans, supportant PHP4, PHP5, MySQL. »

    Bon et PHP6 alors, c'est mort ? C'est comme Perl6. Y'a ceux qui parlent (PHP6/Perl6 c'est super, ça tue tout, blablabla), et ceux qui codent (Python3 sorti fin 2008).

  • # Layout CSS multi-colonnes facile

    Posté par  (Mastodon) . Évalué à 10.

    Pour tout ceux qui cherchent un layout CSS multi-colonnes qui s'adaptent à toutes les situations, je recommande vivement http://yaml.de/ (rien à voir avec le format du même nom)

    Il s'agit en fait d'un framework CSS qui permet de choisir son layout. La documentation est très bien foutu en expliquant notamment toutes les "spécificités" de IE. Et en prime, vous pouvez construire votre layout avec le YAML Builder, un outil super sympa et assez visuel.

  • # À quand un coucours "Full French Contest" ?

    Posté par  . Évalué à 3.

    Tout ce que cela peut impliqué

    que ça soit sur le site, je peux comprendre, mais que ça soir repris en dépêche…

  • # No img

    Posté par  . Évalué à 5.

    On a le droit à l'imagerie embarquée ?
    (aka 'img src=data:image/png,..' ou 'img src=data:image/png;base64...' )

  • # Oh

    Posté par  (site web personnel) . Évalué à 1.

    Ça me tente bien ce concours !!
    J'aime bien faire mumuse avec des CSS. D'ailleurs, pour ceux qui veulent s'y mettre, les sites d'Eric Meyer et CSS Zen Garden sont de très bonnes références.

    (ah! note pour les admins/modods "tout ce que ça peut impliquer")

  • # standard?

    Posté par  . Évalué à 2.

    Respect des règles du W3C : Le W3C publie une liste de standards visant à normaliser le développement web.

    Ok mais c'est pas précis.
    CSS2, CSS3 ?
    Avoir une feuille de style standard c'est très bien mais on est obligé d'avoir recours à certains hack (pour la transparence par exemple).
    Et une feuille de style 2.0-kikou sans transparence ce n'est pas très sérieux ;o)

    Non, l'important c'est que le code (x)html, lui, soit standard. Pour la feuille de style, il faudra toujours avoir recours à certaines petites ruses pour la prise en compte sur tous les navigateurs.

    http://forum.alsacreations.com/topic-4-8571-1-Transparence-s(...)

    Par contre, il aurait été sympa de pouvoir ajouter ses images un peu comme sur ce site :
    http://www.csszengarden.com/

    • [^] # Re: standard?

      Posté par  . Évalué à -1.

      On ne demande pas de faire des bidouilles pour que ça marche avec tous les navigateurs, on demande de faire une feuille de style qui respecte les standards du W3C.

      • [^] # Re: standard?

        Posté par  . Évalué à 2.

        Un peu quand même, puisque le public vote. Je pense qu'on peut se limiter néanmoins aux navigateurs respectueux des standards, sans tomber dans des fonctionnalités spécifiques (je pense à SVG dans Firefox par exemple).

  • # css x.Y /framework /xhtml 6.0 même combat

    Posté par  (site web personnel) . Évalué à 2.

    Chouette, on divise les tâches on se fait pleins de mini-OS de la création de site webs qui à force de se spécialiser ne voient plus que le bout de leur nombril.

    Les CSS sont devenues si compliquées, que faire du code + du CSS kikoo-lol(c) est devenu impossible. Si en plus on ajoute le néo-html, et les ajaxeries c'est que du bonheur.

    Sans oublier qu'il faut en plus un framework qui empêche d'utiliser la base de données (sinon on casse l'abstraction, mais c'était bien la peine d'avoir une base de données qui faisait du full text-search :)

    Et le javascript ? Il lui faut aussi son framework ! Lourd de préférence qui ralentit tellement le client que le serveur octoprocesseur à 4Go de RAM passe pour handicapé alors qu'il tourne à 2% de CPU.

    Alors oui je suis un insatisfait, car dès que l'on veut faire un truc léger et rapide ou un poil spécifique il faut débrayer les CSS, les frameworks, l'ajax. Tout ces trucs soit disant pour nous aider qui reviennent finalement à nous faire faire plus d'efforts qu'ils nous en épargnent.

    Un exemple ?

    Faites un générateur de graphs synthétiques à la volée utilisant jqmodal en full CSS par exemple sur des données en base dans un ORM (rails/django/catalyst). Un framework sur des données géographiques présentée en full CSS ça doit être fun ça aussi.

    Enfin, je trouve ça aussi passionnant qu'un concours de style de code devant respecter le bjorne strouchmpfschtroumpf dans la catégorie branlage de nouille.

    • [^] # Re: css x.Y /framework /xhtml 6.0 même combat

      Posté par  (site web personnel) . Évalué à 4.

      Si je peut me permettre : django/rails/catalyst, c'est des frameworks, pas des orms en soi. Autant django a un orm en bundle quasiment obligatoire, autant je ne pense pas que ça soit le cas de Catalyst.

      Et il existe des orms qui ne t'empeche pas d'utiliser la base de données, au hasrd, sqlalchemy, qui te laisse le controle de ce que tu fait, avec lequel tu peut faire du sql si tu veut, et qui ne fait pas de truc genre "plus petit dénominateur commun" qui limite assez vite les gens.


      Enfin, tu sembles avoir du mal avec le concept de concours, qui implique en général aussi le concept de "challenge". C'est qu'un jeu, tu sais ?

      • [^] # Re: css x.Y /framework /xhtml 6.0 même combat

        Posté par  (site web personnel) . Évalué à 7.

        c'est un jeu dans l'air du temps. Air du temps qui veut que l'on trouve plus chouette les gadgets hyper spécialisés que les méthodes élégantes et générales qui donnent du résultat en peu de ligne en combinant tout.

        Bref, c'est un super jeu pour ouvrier spécialisés qui finiront par ignorer le métier d'à coté.

        On prétend déjà avoir virer les connaissances DB (SQL, modèle de données) grace aux ORM, demain on prétendra que grace au templating le codeur peut ignorer la page et sa présentation... et le développeur CSS ignorer la génération de la page.

        On se prépare à la tour de Babel quoi : tous les intervenants du web tellement spécialisés et à se regarder le nombril (par ce que c'est fun) qu'ils sont incapables de parler ensemble. Diviser pour mieux régner ?

        La victoire de la vision industrielle du code qui requiert la spécialisation des tâches sur une vision généraliste et artisanale.

        C'est sur quand c'est pro c'est mieux, c'est pour ça que le codeur .NET est tellement meilleur que le codeur python.

        • [^] # Re: css x.Y /framework /xhtml 6.0 même combat

          Posté par  (site web personnel, Mastodon) . Évalué à 1.

          >On prétend déjà avoir virer les connaissances DB (SQL, modèle de données) grace aux ORM,

          Tu as oublié de parler de cette ignominie d'avoir inventer des langages de haut niveau qui font oublier aux développeurs les vertues de l'assembleur. C'est vrai quoi, on préfère maintenant écrire une ligne de code plutôt que les 150 instructions assembleurs équivalentes. Quelle honte.

          Et maintenant, les développeurs préféreraient manipuler les données dans leur langage préféré (à l'aide d'objets en plus !!) plutôt que d'avoir à faire du SQL ? Mais où va-t-on ?


          >et le développeur CSS ignorer la génération de la page.

          Tu as raison, les designers devraient apprendre les opcodes PHP ou python (je suis clément là, on aurait pu les forcer à apprendre l'assembleur).

        • [^] # Re: css x.Y /framework /xhtml 6.0 même combat

          Posté par  . Évalué à 1.

          mouais, tu mélanges tout.

          Ces outils ne sont que ça ... des outils. Il faut apprendre à les utiliser quand ils sont utiles, et lorsqu'ils ne le sont pas, tu peux toujours les laisser au placard.

          Ces outils existent parce que certaines personnes se sont aperçues qu'elles faisaient toujours la même chose.. et que d'autres personnes le faisaient aussi ! D'où un besoin de capitaliser... Ainsi, le code commun à tous se retrouve à un seul endroit, est maintenu à un seul endroit, et est, globalement, de meilleure qualité.

          Mais tu peux les laisser de côté dans les cas où ils ne servent à rien ! Par exemple, tu parlais des données géographiques, c'est un bon exemple...

  • # Paris Web 2009

    Posté par  . Évalué à 2.

    Bonjour bonjour,

    en fait, à l'assoce Paris-Web, on aime bien ce truc, et on aimerait bien offrir une place à Paris-Web 2009 au(x) gagnant(s) :-)

    Merci aux organisateurs de nous contacter sur contact@paris-web.fr !

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.