Centrer horizontalement et verticalement en CSS

Il peut être assez embêtant de centrer des éléments en CSS. Bien qu’horizontalement ce ne soit pas trop un soucis, lorsqu’il s’agit de centrer verticalement ou mêmes les deux en même temps les choses se compliquent bien souvent.

Capture d’écran 2016-05-21 à 14.36.57

Avec cet outil, fini les prises de tête ! Grâce à un formulaire très simple, il vous suffit de renseigner les informations correspondant à votre structure html et vous aurez le code correspondant qui vous sera généré.

Blisk : le navigateur pour les UI designers et développeurs

Voici un nouveau navigateur qui vaut le coup d’œil, il s’agit de Blisk. Ce navigateur va servir tout ceux qui réalisent des interfaces mobiles.
Grâce à ce navigateur vous pourrez :
– Tester très rapidement votre site sur une liste importante de smartphone et tablette,
– Activer simplement un « auto refresh » afin de visualiser vos modifications sans rafraichir votre page,
– Profiter de la console de Chrome
– Connaitre les statistiques de vos sites
– Utiliser de nombreuses applications installées (Google Drive, Trello, JIRA, Dropbox…)

Comme vous pouvez le voir sur la capture ci-dessous, à gauche de l’écran vous pouvez choisir sur quel appareil tester le téléphone, au centre le rendu dans le device sélectionné et tout à droite le rendu réel.

blisk_dezineup

Il sera également possible de paramétrer simplement un « auto refresh », fonctionnalité des plus utiles. Et pour les développeur web on retrouve également la console de Chrome ! Que du bonheur 🙂
Actuellement, le navigateur n’est disponible que sur Windows, mais la version pour mac et linux devrait arriver bientôt.

Qu’en pensez-vous ?

Un wireframe material design pour des applications e-commerce

Lorsque nous réalisons l’interface d’une application ou d’un site web, la conception des wireframes est une étape essentielle.
Si vous concevez des design d’application Androïd, alors cette ressource pourrait vous plaire ! En effet, il s’agit d’un kit wireframe spécialement pour Material Design.

screens

UI Design Selection #3

Tous les mois découvrez une sélection des plus belles interfaces d’application web, mobile ou encore de site web.
Voici la troisième sélection avec quelques jours de retard ! Bonne dose d’inspiration à tous.

Movies, par Artem Borodynya

Maserati Moscow Concept, par Chapps

Tofind Concept Web Preview, par Leo Leung

Checkout, par Rahul Bhosale

Animation of demooz, par Beasty

flowdemooz

Photo Cards App, par Chapps

Create New Project, par Dejan Markovic pour InVision

Cards transition, par Ilya Kostin

Workflow board UX, par Gleb Kuznetsov

Herman Miller, par Rahul Bhosale

Home Loan Process – Explained, par Saptarshi Prakash

Email attachments, par Lukas Horak

attaching-media-and-location

Fitness V2, par Paresh Khatri

fitness-v2