Au programme de cette nouvelle semaine, un article super intéressant autour de l’UI de The Times, des boutons animés, un tutorial pour réaliser un viewer 360°, un outil pour savoir ce que votre navigateur sait de vous et pour finir, un triangle impossible tout en CSS.
Making of du travail de l’UI du nouveau site de The Times
Le nouveau site de The Times a été mis en ligne il y a quelques semaines. Pedro Duarte a travaillé sur l’UI et à travers cet article nous montre comment il a procédé depuis sa collaboration jusqu’au styleguide. C’est particulièrement intéressant et inspirant.
A lire ici : https://medium.com/swlh/building-the-ui-for-the-new-the-times-website
De beaux boutons animés
Des boutons très réussis qui s’animent lors du survol de la souris.
See the Pen Buttons with animated background by Giana (@giana) on CodePen.0
Tutorial : réaliser un viewer 360° pour vos produits
Il s’agit d’un module assez simple pour réaliser un viewer 360° à partir de photos. Idéal pour un site d’e-commerce présentant des produits.
La démo : https://codyhouse.co/demo/360-degrees-product-viewer/index.html
Par ici pour le tutorial : https://codyhouse.co/gem/360-degrees-product-viewer/
WEBKAY : Ce que votre navigateur sait de vous
Webkay ou autrement dit « What every Browser knows about you » est un petit outil fort utile qui permet de voir tout ce que votre navigateur connaît sur vous et votre machine. C’est là qu’on voit qu’on est logué à un bon nombre de sites, qu’il peut scanner mon réseau, qu’il sait d’où je viens…
En plus de ça, il vous recommande un outil pour l’en empêcher et garder une session privée.
L’outil : http://webkay.robinlinus.com/
Le triangle impossible, une illusion d’optique en CSS
Une belle performance pour l’auteur de ce triangle impossible tout en CSS. En plus de ça, en passant la souris dessus on voit sa construction.
See the Pen [illusion] Penrose hug by Rplus (@Rplus) on CodePen.0
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter !
