css

NES css NES style CSS Framework

NES.css : pour des design rétro en pixel 8 bits

Temps de lecture estimé : < 1 minute Ha, la NES 8bits de Nintendo, une console emblématique pour toute une génération ! Ce framework CSS met à l’honneur ce type d’affichage si caractéristique, en terme de boutons, de fenêtres,  d’icônes de textes ! Pas énormément d’éléments de dispo mais c’est marrant à connaitre !   Voir en ligne : https://bcrikko.github.io/NES.css/

CodePen Pure CSS Toggle Buttons   ON OFF Switches

Des boutons interrupteur toggles en pur css

Temps de lecture estimé : < 1 minute Avec ce pen, vous trouverez plusieurs exemples de boutons toggle, c’est à dire donnant le choix uniquement entre 2 choix (oui / non, on off), réalisé uniquement en CSS (sans js donc) Plein d’effets sympa pour changer un peu l’UI/UX de vos projets https://codepen.io/himalayasingh/full/EdVzNL/  

Hamburgers by Jonathan Suh

Des menus hamburgers tout fait en css, ça ne se refuse pas !

Temps de lecture estimé : < 1 minute « Hamburgers » est une bilbiothèque qui vous permettra de mettre en place rapidement une icone animée pour votre menu hamburger. En incluant son fichier CSS, vous pourrez ensuite utiliser ce type de code en appliquant l’effet désiré en appellant la bonne classe <div class= »hamburger-wrap »> <button class= »hamburger hamburger–collapse hamburger–accessible js-hamburger » type= »button »> <span class= »hamburger-box »> <span class= »hamburger-inner »></span> </span> <span …

Des menus hamburgers tout fait en css, ça ne se refuse pas ! Lire la suite »

Capture d’écran 2018 10 29 à 11.32.25 1

Un jeu en pur CSS sans javascript, c’est possible : The Mine

Temps de lecture estimé : < 1 minute   Réaliser un jeu web html passe généralement par l’utilisation de javascript comme moteur de gestion. Il existe plusieurs bibliothèques Js spécifiquement pour ça comme par exemple : Phaser Crafty PhysicsJS Ca vous parait impossible de faire un petit jeu sans utilisation de JS ? Hé bien c’est possible et c’est ce que prouve The …

Un jeu en pur CSS sans javascript, c’est possible : The Mine Lire la suite »