hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Visualisez vos palettes de couleurs en ligne avec Speculo

Le processus de conception de maquette typique peut se sentir comme une corvée. Vous devez basculer entre Photoshop (ou Sketch) pour changer les couleurs, les polices, les styles, et les comparer tous pour voir ce que vous préférez.

Si vous utilisez un outil comme Speculo, vous pourrez étudier et comparer dynamiquement les palettes de couleurs, directement dans votre navigateur.

Cette application est totalement gratuite et fonctionne dans tous les principaux navigateurs de Chrome à Edge. Il démo six différents types de pages de destination, conçus comme des wireframes.

Par défaut, ils utilisent des schémas de couleurs simples qui imitent le style de Bootstrap. Vous pouvez facilement modifier ces couleurs et elles seront automatiquement mises à jour sur la page.

Vous pouvez également modifier les polices de caractères pour voir leur apparence dans chaque dessin. Ce serait cool si vous pouviez ajouter le vôtre, mais le site ne supporte que 7 polices différentes :

  • Arvo
  • Lato
  • Ouvrir Sans
  • Roboto
  • Montserrat
  • Helvetica Neue
  • BLOKKNeue

Les wireframes de la page de destination ne sont pas très détaillés, donc cette application peut ne pas aider lors des étapes ultérieures du processus de conception.

Cependant, les concepteurs qui veulent juste capturer des idées rapides tomberont immédiatement amoureux de cette application web. Il vous permet de changer toutes les couleurs avec des codes HEX que vous pouvez même exporter avec un lien de partage personnalisé.

Si vous passez la souris sur l'un des wireframes, vous pouvez cliquer pour zoomer et regarder de plus près. Il va zoom automatiquement pour une vue en plein écran, de sorte que vous pouvez voir les polices et les couleurs de près.

Encore une fois, je ne pense vraiment pas que ces modèles sont suffisamment détaillés pour aider les projets dans les dernières étapes du développement. Mais, si vous êtes à court d'idées et que vous cherchez à jouer avec les couleurs Speculo est un outil incroyable.

Vous pouvez parcourir le code source sur GitHub pour voir comment c'est fait. Si vous avez des idées ou des suggestions pour Speculo n'hésitez pas à partager avec le créateur du site, Ben Howdle.

Comment animer une bordure en pointillés avec CSS

Comment animer une bordure en pointillés avec CSS

Les bordures décorées peuvent orner n'importe quel élément de la page, mais les bordures CSS sont limitées quand il s'agit de style. Les développeurs proposent fréquemment des solutions telles que les bordures de dégradés CSS, les bordures SVG, les bordures multiples et bien d'autres pour imiter et améliorer l'apparence des bordures de boîte et de ses animations.Aujourd

(Conseils techniques et de conception)

9 Caractéristiques de Google Photos que vous devez savoir

9 Caractéristiques de Google Photos que vous devez savoir

Google Photos est probablement l'une des annonces les plus folles de Google I / O 2015. Google Photos est un système de gestion de photos gratuit et offre un stockage illimité pour les images haute résolution (16MP max) et les vidéos (1080p max). Google Photos est disponible en tant qu'application iOS, Android et de bureau vous permettant de synchroniser des images et des vidéos depuis vos appareils mobiles, PC, appareil photo ou cartes SD.J

(Conseils techniques et de conception)