background preloader

The Grid System

The Grid System

http://www.thegridsystem.org/

Related:  GRAPHICWeb designRessources utiles

KIT DE SURVIE DU CREATIF /// metiersgraphiques.fr Il est très fréquent que des employeurs prompts à brouiller les cartes proposent à de jeunes freelances d’être rémunérés, pour des missions longues, sur une base similaire à celle d’un salaire (2000€ par mois par exemple, une paye royale selon certains, « comparée » au SMIC). Si vous avez bien lu tout ce qui précède, vos aurez compris que c’est parfaitement inacceptable et inenvisageable. Vouloir payer un freelance avec un salaire d'employé c'est le beurre et l'argent du beurre : on garde la flexibilité, l'absence d'engagement, de frais, de charges sociales et patronales, de démarches de l'un, et on y colle le prix réduit de l'autre.

La macrotypographie de la page Web Si la typographie désigne à l'origine une technique d'impression à l'aide de caractères mobiles en métal, elle recouvre aujourd'hui tous les paramètres de la composition d'un document écrit, de l'échelle du caractère à celle de la page, voire du livre dans le cas du papier. On peut donc distinguer dans cette discipline la branche qui s'attache au caractère et à son dessin, de celle qui se préoccupe de la mise en page, et c'est cette dernière qui nous intéresse ici. Les fondations de la mise en page telle que nous la connaissons actuellement remontent aux premiers codex, ancêtres de nos livres modernes. C'est sur cette base que se sont développées toutes les règles et habitudes de mise en page appliquées par les copistes, puis les typographes et les graphistes depuis des siècles.

Interfaces mobiles : 25 packs de templates gratuits à exploiter - Blog Tuto.com Les graphistes et webdesigners parmi vous trouveront leur bonheur parmi ces 25 packs de templates d’interfaces mobiles ! Combinant des styles différents, ce sont littéralement des centaines de modèles d’interfaces qui sont à votre disposition. Vous y trouverez des interfaces assez généralistes, d’autres spécialisées pour des apps de fitness, de cuisine, de mode, de messagerie. Certains kits comprennent plusieurs types d’écrans, d’autres sont spécialisés sur les écrans de connexion ou de paiement par exemple et tous sont disponibles sur Photoshop et/ou Sketch.

Comment centrer verticalement sur tous les navigateurs ? Ce tutoriel présente des solutions pour centrer verticalement des éléments de tailles variables dans des conteneurs de hauteur fixe ou fluide. Les techniques exposées sont compatibles avec tous les navigateurs actuels, à partir d'Internet Explorer 8 et n'utilisent ni <table>, ni JavaScript. Note : ce tutoriel a été initialement rédigé en mai 2010. Il a subi une grosse refonte en mars 2016 pour se mettre à jour. Une feuille de styles de base pour le Web mobile Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...}. L’objectif de cette feuille de styles est avant tout de poser un socle de bases communes que vous pourrez adapter à vos convenances ou besoins personnels. Préambule : fixer le Viewport

visite Dans les coulisses de la grande exposition programmée au Louvre à la rentrée sur le Maroc médiéval, Diptyk a rencontré les restaurateurs venus rafraîchir une centaine d’objets qui feront le voyage, parmi lesquels le minbar des Andalous et le lustre de la Quaraouiyine. Par Syham Weigant Photo Fabrice Coiffard ... Zone de turbulences au Mathaf Après le controversé Adel Abdessemed, c’est désormais au tour de la grande dame de l’art contemporain Mona Hatoum, artiste d’origine palestinienne ayant grandi à Beirut,d’investir le plus grand musée d’art contemporain du monde arabe. Par Bérénice Saliou Soulignant de plus de ...

Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin...

Le pack de ressources graphiques Halloween 2016 - Blog Tuto.com Beaucoup d’icônes, quelques illustrations vectorielles et textures, une citrouille 3D, … ce pack de ressources graphiques gratuites spécial Halloween 2016 devrait stimuler votre imagination et vous faire gagner du temps sur vos créations. En bonus, j’ai sélectionné pour vous à la fin de l’article 4 tutos Halloween qui vous apprendront à réaliser des affiches Halloween et à transformer un sujet photo en zombie. 1.

Related:  DesignOutils et sites pratiquesgridsCSS Grid System GeneratorcssCool FindsGraphicsWeb Design Resources and ToolsGridWeb Design InspirationdesignCOAPhtml 5 starter kitmise en page fixeGraphic DesignTypography and TexttypographyTommyGraphic DesignArtejacktaylortypo & design