WebL'Agence - Le meilleur de Codepen #2

Le futur du web est là. Codepen, plate-forme de plus en plus connue des créatifs du web, réunit le meilleur des dernières applications et innovations taillées sur-mesure pour le web. Les artistes, designers et développeurs d’avenir combinent Html, CSS et Javascript afin de vous offrir la meilleure expérience que possible. On ne pouvait donc pas vous laisser passer à côté du meilleur de Codepen.

CSS 3D Solar System

Et si on restait un moment dans l'espace ? L'inventivité de Julian Garnier a donné naissance à une application extraordinairement divertissante et pédagogique. À travers cette création, c'est tout le système solaire qui est ici représenté en 2D et en 3D. Cet animé modélise le mouvement de l'ensemble de nos planètes autour de leur axe. CSS 3D Solar System, d'un simple clic, donne l'opportunité de choisir sa planète, la Terre, Mars, Neptune ou encore Saturne, et de visualiser son mouvement perpétuel autour du soleil.

See the Pen CSS 3D Solar System by Julian Garnier (@juliangarnier) on CodePen.

 

Gravity Points

Et si on réinventait les lois de la pesanteur, ou plutôt... de l'apesanteur ? Akimitso Amimuro a des idées originales et très inventives à n'en point douter. Son application vous permettra d'apprécier, sur vos écrans, les effets de la gravité. Son application pose un décor simple : sur un tableau noir, de multiples lumières tournent et virevoltent dans tous les sens. D'un simple clic, vous allez pouvoir interagir sur cette surface et créer par conséquent vos propres points de gravité, et ainsi faire évoluer le mouvement de ces petites lucioles. En créant vos points de gravité sur Gravity Points, vous allez agir sur l'équilibre de tout un système. C'est absolument captivant.

See the Pen Gravity Points by Akimitsu Hamamuro (@akm2) on CodePen.

 

Tennis Ball Animation

Jouer sur les émotions et la fascination, c'est également l'une des ambitions de ces designers inspirés. Mogeli Iorktipanidze a saisi l'esthétique et le mouvement rotatif de balles de tennis sur elles-mêmes pour créer une animation captivante. Que vous soyez fan de ce sport ou non, la beauté et le caractère hypnotisant de cette création pourraient vous fasciner un bon moment. Codepen est également un espace pour rêver et se laisser distraire, et Tennis Ball Animation incarne à merveille cette ambition désuète et pourtant non dénuée de sens.

See the Pen #30dayscssimage - Day 25 ~ Tennis ball animation by Mogeli lortkipanidze (@Hastalavistababy) on CodePen.

 

Olly Moss Star Wars Parallax

Les nostalgiques et les amateurs de l'univers incroyable de Star Wars en auront pour leurs yeux. Olly Moss a de la suite dans les idées, et ce poster en est la preuve. De rouge et de rose, Star Wars Parallax réinvente l'esthétique des affiches de la célèbre série de films, en mettant en avant de manière discrète l'inoubliable droïde C3PO et plusieurs personnages de la série, incrustés dans son profil.

See the Pen Olly Moss Star Wars Parallax by Mike Quinn (@mprquinn) on CodePen.

 

Loading Concept

Attendre le chargement d'une page Internet, ce n'est pas ce que vous préférez ? Le designer Robin Delaporte l'a parfaitement compris, et il le prouve avec Loading Concept, une application d'attente au design sensationnel pour faire attendre ses visiteurs avec un compteur moderne et un peu "destroy". À la fin du chargement, par ailleurs, plutôt qu'un message classique, s'affichera le simple message "DONE". C'est simple et très efficace.

See the Pen Loader concept by Robin Delaporte (@robin-dela) on CodePen.

 

Le meilleur de Codepen tient en des applications comme celles-ci. À travers notre sélection, nous sommes allés chercher des idées inventives et inattendues qui ont retenu toute notre attention. Mais il y en a tant d'autres à découvrir sur la plateforme... Codepen n'en a pas fini d'être inventif.

N’hésitez pas à nous contacter et à consulter le premier article du Meilleur de Codepen !