185 results
tagged
article
✕
Angular Material 2 help us to build high-quality UI components with angular 2+ & typescript by following Material Design specifications.
Angular Material project is under active development. New features are being added regularly.
Angular Material project is under active development. New features are being added regularly.
Flexbox and Grids, your layout’s best friends
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
Sketch Tools for Managing a Design System
List of sketch app extensions for organizing and maintaining a user interface collection.
List of sketch app extensions for organizing and maintaining a user interface collection.
LE LEAN UX, CETTE MÉTHODOLOGIE QUI VA VOUS SAUVER.
COMMENT METTRE LE LEAN UX EN PLACE CHEZ VOTRE CLIENT ?
J’ai pour habitude de proposer à mes clients cette méthodologie sur deux semaines en proposant un MVP (minimum viable product). Le LEAN UX nous permet d’intégrer les différentes parties prenantes dès le début. Pourquoi c’est important ? Car notre client à une vision sur notre travail : il fait partie de ce travail.
COMMENT METTRE LE LEAN UX EN PLACE CHEZ VOTRE CLIENT ?
J’ai pour habitude de proposer à mes clients cette méthodologie sur deux semaines en proposant un MVP (minimum viable product). Le LEAN UX nous permet d’intégrer les différentes parties prenantes dès le début. Pourquoi c’est important ? Car notre client à une vision sur notre travail : il fait partie de ce travail.
Les deux concepts sont très proches. D’ailleurs, le Lean UX est une version simplifiée du design thinking. Les deux philosophies ont leurs avantages suivant les contextes des projets.
10 BEST EXAMPLES OF WEBSITE FOOTER DESIGN
This post is split up into 8 parts, covering different aspects of B2B landing pages and each featuring examples:
Navigation
Page length & scrolling
The Hero
The Headline
The Call To Action (CTA)
Social Proof
Video
Other findings
Navigation
Page length & scrolling
The Hero
The Headline
The Call To Action (CTA)
Social Proof
Video
Other findings
This guide is not intended for use with font icons, which have different loading priorities and use cases. Also, SVG is probably a better long term choice.
Why build an experience map?
An Experience map helps the organisation to see the bigger picture, and make decisions about where to focus activity based on research. By seeing the bigger picture, you’re able to:
Identify projects and build a road map of work
Identify opportunities for innovation
Understand where the user experience is currently being well supported
An Experience map helps the organisation to see the bigger picture, and make decisions about where to focus activity based on research. By seeing the bigger picture, you’re able to:
Identify projects and build a road map of work
Identify opportunities for innovation
Understand where the user experience is currently being well supported
Comment travailler avec des icônes en SVG
03 APRIL 2016 on SVG, CSS, Intermédiaire, Design
Par Florens Verschelde
Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Elle répond à nos besoins, qui comprennent :
Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript.
Des icônes qui sont souvent de simples icônes monochromes — chacune pouvant être utilisée en différentes couleurs, selon le contexte et les interactions utilisateur — mais possibilité d’avoir des icônes en bichromie.
Compatibilité navigateurs IE9+.
03 APRIL 2016 on SVG, CSS, Intermédiaire, Design
Par Florens Verschelde
Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Elle répond à nos besoins, qui comprennent :
Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript.
Des icônes qui sont souvent de simples icônes monochromes — chacune pouvant être utilisée en différentes couleurs, selon le contexte et les interactions utilisateur — mais possibilité d’avoir des icônes en bichromie.
Compatibilité navigateurs IE9+.
Depuis ses débuts, le monde du web a toujours voulu rendre animé ses interfaces. Les développeurs de l’époque avaient compris que le web permettait ce que le papier ne pouvait pas, c’est-à-dire pouvoir animer les éléments d’une page.
Pourquoi utiliser les animations sur un site ? CLICK TO TWEET
Pourquoi utiliser les animations sur un site ? CLICK TO TWEET
The cascade in CSS is a curse and blessing at the same time. It usually works quite well, but there are issues that let people get all worked up and ask the question Do We Even Need CSS Anymore. I can somewhat relate to that - but I also think it’s not the cascade alone and also about fighting specificity. Not running into issues with specificity is hard. Almost as hard as pronouncing that word. In this post I'll try to show a few ways how you can make the cascade be your friend and maybe reduce the need of overriding and thus encounter less fighting with specificity.