Menu

Aucun menu défini dans le customizer.

Catégorie : CSS

Ajout automatique par WPeMatico

actualites-business/insolite-wtf, Actus Automatisées, Actus Tech, CSS, developpement/web-developpement, DOOM, Jeux video, Sciences

Un développeur fait tourner Doom dans un navigateur, avec du CSS et rien d’autre

Niels Leenheer a porté le mythique Doom de 1993 dans un navigateur web, mais sans WebGL ni Canvas. Tout le rendu 3D repose sur des div et des transformations CSS. Le résultat est jouable, open source, et un brin absurde. On adore.

Doom en div

Le principe est aussi fou qu’il en a l’air. Chaque mur, chaque sol, chaque tonneau et chaque ennemi est une balise div, positionnée dans l’espace 3D grâce aux transformations CSS. Le jeu lit les données du fichier WAD original de 1993, celui-là même qui contenait les niveaux du Doom d’id Software, et en extrait les coordonnées des murs, des secteurs et des textures.

Actus Automatisées, Actus Tech, animation, CSS, developpement/web-developpement, ffmpeg, Sciences, tutoriels-guides/astuces-productivite

WebP animé vs GIF – Le guide pour enfin virer vos animations de 1987

Le GIF, c’est un format que j’adore mais qui date de 1987. Ouais c’est super vieux quoi (désolé les gens qui sont né cette année là ou avant…On est ensemble…loool). C’est l’époque où Rick Astley cartonnait et où Internet n’existait même pas encore pour le grand public. Et pourtant, y’a encore plein de gens qui s’en servent pour leurs animations avec notamment de la transparence. Alors c’est cool mais aujourd’hui, je vous propose qu’on règle ça une bonne fois pour toute.

3d, Actus Automatisées, Actus Tech, CSS, developpement/outils-developpement, developpement/web-developpement, JavaScript, Sciences

VoxCSS – Pour faire du rendu 3D façon Minecraft avec du CSS

Y’a un truc qui me rend joyeux avec le web, c’est quand des devs décident de pousser les technos dans leurs retranchements juste pour prouver que c’est possible.

Et
VoxCSS
, c’est totalement ça : une bibliothèque JavaScript qui permet de faire du rendu voxel complet en utilisant uniquement le DOM et le CSS. Alors attention, quand je dis “uniquement”, je veux dire sans WebGL et sans l’élément <canvas>. Juste des éléments HTML empilés intelligemment qui tirent parti de l’accélération matérielle du navigateur pour les transformations 3D.

Actus Automatisées, Actus Tech, Apple, CSS, design rétro, developpement, developpement/outils-dev, Sciences

System.css – Donnez un look 100% retro Apple à votre site web

Si vous aimez tout ce qui est rétro, vous avez peut-être déjà essayé de donner
un look MS Dos
,
Windows 95
,
Windows 98
,
Windows XP
ou encore
Windows 7
à votre site web.

Ce que vous n’avez jamais osé faire, c’est de lui donner un look Apple System 6 !

Et ça c’est quand même un OS qui est sorti en 1988 soit 7 ans avant Windows 95 et ce qui est incroyable c’est qu’il avait déjà une interface parfaitement mature avec des fenêtres, des icônes, des menus déroulants et tout ça était en noir et blanc, mais c’était pas moche, bien au contraire !