Skip to content

Latest commit

 

History

History
85 lines (56 loc) · 3.95 KB

README.md

File metadata and controls

85 lines (56 loc) · 3.95 KB

mobile kaye

Side notes for the mobile part of the webdesign course of HEPL.


Note: the school where the course is given, the HEPL from Liège, Belgium, is a french-speaking school. From this point, the instruction will be in french. Sorry.


Dans le cadre de nos cours de labo, il nous arrivera souvent de digresser et d'aborder certains sujets qui, s'ils sortent du cadre du cours de Design web mobile, n'en restent pas moins intéressants pour votre formation et/ou votre culture de futur infographiste/développeur web.

Le présent document référencera ces discussions et les éventuels liens qui s'y rapportent.

Préprocesseurs CSS

Compilateurs graphiques

  • Prepros, gratuit (avec pub), multi-plateformes
  • Codekit, payant (32$), Mac OS uniquement

ITCSS

Tableau récapitulatif de ITCSS

Niveau Nom de la couche Fonction
1 Settings Variables globales
2 Tools Mixins globaux, functions & outils
3 Generic Style de remise à zéro (reset, normalize…)
4 Base Éléments bruts
5 Objects Éléments de mise en forme non-cosmétique
6 Components Design des composants, morceaux d'UI
7 Trumps Styles spécifiques à un élément

Design Mobile

Guidelines

Wireframing

  • sneakpeek it, une série de feuilles vierge à télécharger puis imprimer pour faire des wireframes.
  • UI stencils, boutique d'accessoires pour le wireframing.
  • The 20 best wireframe tools, une liste (récente) d'apps pour faire des wireframes.
  • BLOKK, une police pour simuler de longs blocs de texte.
  • Webhostinghub/glyphs, un immense (2000+) set d'icônes, gratuites, pour vos wireframes et designs.

Design Kits

Useful links


Divers

  • cdto...: un petit utilitaire qui ajoute un bouton dans le Finder (pour mac uniquement, donc), qui permet d'ouvrir une fenêtre de terminal directement dans le dossier courant.

dotfiles

Pour ceux qui s'intéressent à la problématique des .dotfiles, l'un des articles fondateurs à ce sujet est le suivant : Getting started with dotfiles.
Le colossal repository awesome-dotfiles regroupe toute une série de liens vers des outils, articles et références sur le sujet, ainsi qu'une liste de repos d'utilisateurs confirmés, pour inspiration.
Enfin, pour info, mes dotfiles sur trouvent sur le repo leny/pwendok.