AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-56%
Le deal à ne pas rater :
SanDisk Clé USB 3.0 256 Go
28.98 € 65.99 €
Voir le deal

    Le code qui fait "Waouh"

    Shaneliae
    Shaneliae
    FémininAge : 24Messages : 303

    le Mar 2 Juin 2020 - 14:04

    Je crée ce petit sujet intemporel pour qu'on se partage nos petites pépites en terme de code.

    On a tous déjà rencontrer ce site, ce forum ou ce morceau de code qui nous a laissé sur les fesses. On ne peut lâcher qu'un Waouh en voyant le résultat ! Et vous, c'est quoi votre Waouh du moment ?



    Mon Waouh du moment, c'est le projet PureCSS de Diana Smith (cyanharlow sur GitHub) où elle recrée des peintures uniquement avec du CSS : 0 images, 0 JS, rien que des balises HTML avec du CSS. Le résultat s'affiche super bien sur les versions récentes de Chrome et Firefox.

    Petite vidéo du processus
    Les peintures : PureCSS Gaze - PureCSS Francine - PureCSS Pink - PureCSS Zigario



    Syx
    Syx
    MasculinAge : 22Messages : 192

    le Jeu 4 Juin 2020 - 20:34

    Yo o/
    Elle a fait ça manuellement ou avec un générateur ? o.o

    Sinon, j'avais vu ce codeur/dév sur CodePen nommé Nikhil Krishnan; il part du même challenge que Diana Smith mais plus orienté vers l'animation. Les résultats sont complètement hallucinants:

    Loving Car: https://codepen.io/nikhil8krishnan/pen/vyXxNj
    Moustached Nanny -celui est dingue: plus de 8000 lignes: https://codepen.io/nikhil8krishnan/pen/gjKdzM

    J'étais aussi tombé, il y a quelques mois, sur un site-portfolio animé.. gosh que c'était beau ! Je vais essayer de le retrouver :heart:




    ~
    Shaneliae
    Shaneliae
    FémininAge : 24Messages : 303

    le Ven 5 Juin 2020 - 0:12

    Mon dieu, ces animations sont beaucoup trop choupies !

    Oui en effet, elle fait tout à la main, elle s'est imposée des règles apparemment pour n'utiliser aucune méthode détournée.



    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5227

    le Jeu 19 Nov 2020 - 20:11

    Waaow, j'avais zappé ce topic, merci beaucoup de l'avoir ouvert !

    @Shaneliae a écrit:Les peintures : PureCSS Gaze - PureCSS Francine - PureCSS Pink - PureCSS Zigario
    Impressionnant, je n'aurais ja-mais deviné que c'est fait en CSS

    Pour les animations full CSS, mais quel travail ! Les gens sont motivés et puis le talent pour bien tout refaire proprement...

    Contenu sponsorisé


      La date/heure actuelle est Lun 18 Jan 2021 - 21:33