Skip to content

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

Notifications You must be signed in to change notification settings

tecg-dw/mobile-kaye

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published