background preloader

960 Grid System

960 Grid System

https://960.gs/

Webdesign Qu'est-ce que le webdesign? On entend par webdesign l'ensemble des actions réalisées pour donner à une page web son aspect graphique, c'est à dire la façon dont elle est présentée à l'utilisateur. Puisqu'il s'agit ici de notions esthétiques il va sans dire que cet aspect est très subjectif et que l'appréciation appartient à chacun. Pourquoi parler webdesign? Au travers de ce chapitre, nous nous efforçons d'informer et de conseiller nos clients sur des notions importantes liés au webdesign.

Design graphique et tarifs Vu sur le blog Artbook, une publication des tarifs sensés être pratiqués dans les milieux du design graphique, de la photo et de l'illustration. Cette grille de tarifs a été originalement publiée dans le magazine Créanum et dans le Guide du graphiste indépendant. La voici : En temps que graphic designer, je ne suis absolument pas contre la publication des tarifs de la profession, bien au contraire. Il y a eu plusieurs initiatives dont la plus emblématique fut celle du défunt Syndicat national des graphistes (SNG) dans les années 90. Tous les tarifs y étaient judicieusement décomposés en 4 postes : – Recherches, premiers projets (je livre 2 ou 3 pistes graphiques à mon commanditaire) ; – mise au point du projet retenu (remarques, ajustements par rapport au contenu) ; – réalisation technique (éxé, suivi de fabrication éventuel) ; – droits d'auteurs (pourcentage à ajouter en rapport avec le tirage, la durée et la couverture géographique de la diffusion : locale, nationale ou mondiale).

Lorem Ipsum - All the facts - Lipsum generator Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque neque est, accumsan eu pellentesque vitae, pharetra aliquam arcu. Cras posuere, metus eget euismod laoreet, turpis ligula pellentesque arcu, quis euismod nisi lorem at tortor. Sed in ante non nisi consectetur lobortis. 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) {...}.

21 extensions Google Chrome pour webdesigner Vous travaillez dans la conception et le développement de sites web, je vous propose une série d'extensions intéressantes pour le navigateur Google Chrome afin de le rendre plus productif dans vos futurs projets: 1. Awesome Screenshot Awesome Screenshot permet de capturer une page complète ou une partie, de l'annoter avec des rectangles, des cercles, des flèches, des lignes et du texte de l’enregistrer au format PNG. 2. BuiltWith Technology ProfilerBuiltWith Technology Profiler vous aide à trouver toutes les technologies contenues dans n'importe quelle page web que vous visitez. 3.

Speed Boat Dans la lignée des « Innovation Games » et la palette d’ apprentissage par le jeu … le Speed boat. Les buts du speed boat sont multiples, voici trois exemples : - Faire un état des lieux (problèmes en cours de projet par ex.), - Ressortir les attentes et blocages d’un groupe sur un sujet en particulier, - Réaliser une rétrospective (bilan ou rétrospective de sprint). Sur un tableau, ou une feuille de grande taille, sera représenté un bateau, une ile, des vents et des ancres. 1. Le bateau peut représenter l’équipe, le projet ou un point en particulier. 2. L’ile représentera l’objectif à atteindre : la cohésion dans le cas de l’équipe ou des livrables dans le cas du projet. 3.

8 sites pour générer un favicon pour un blog Un favicon est une petite icône placée dans la barre d’adresse de la plupart des navigateurs. Il s’affiche lorsque vous arrivez sur un site ou un blog qui en propose un. Aujourd’hui, je vous propose de découvrir 8 sites pour générer un favicon pour un blog. Ils vous permettent de créer rapidement un favicon et d’obtenir un code HTML.

Responsive Design, la panacée pour le SEO ? En matière de SEO, les attractifs avantages du Responsive Web Design ne doivent pas éclipser l'intérêt d'un site mobile dédié, qui peut se révéler plus intéressant. Récapitulatif des avantages et inconvénients de ces deux voies. Le Responsive Web Design a clairement le vent en poupe. Cette solution permettant d'adapter le même site aux résolutions des mobiles, des tablettes et des PC "Desktop" classiques compte également de sérieux atouts en matière de SEO. Ils sont désormais bien connus. Tuto Photoshop les meilleurs tutoriaux photoshop parmis les tutoriaux photoshop du net cs4, cs3 et cs2 Bienvenue dans ce nouveau tutoriel, dans ce dernier nous allons utiliser deux logiciels très puissants pour réaliser cet effet, nous allons commencer par réaliser un superbe effet de texte 3D avec Cinema 4D puis ajouter un effet d'éclaboussure de peinture et lumière avec Photoshop pour obtenir un rendu magnifique

Boostez votre créativité avec les outils collaboratifs et de capture Les murs Vous pouvez y coller des « post it virtuels », des images, des vidéos… et les partager avec d’autres * Mural.ly Mural.ly est un outil de collaboration visuel pour projets créatifs. 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS

Les 5 problèmes du Responsive Web Design Face à l’explosion de la diversité des supports mobiles et de leur utilisation, le Responsive Web Design apparaît aujourd’hui comme l’une des grandes modes du web. Le Responsive Web Design (en français : Site Web Adaptatif) est une approche visant à adapter un site internet aux supports sur lesquels il est consulté, ce en redimensionnant l’organisation des contenus (basée sur une grille). Cette solution ne présente techniquement rien de révolutionnaire (elle existait déjà en 1999 ;) ), mais se répand de plus en plus, au point de devenir un véritable standard… Le RWD serait-il donc LA solution parfaite aux problèmes liés à la grande diversité des supports de lecture ? Ma réponse est claire : Non !

LE DESIGN THINKING EN BIBLIOTHÈQUE Un kit pratique pour la conception de projets centrés sur les usagers Le design thinking permet de résoudre de façon créative les défis quotidiens que l’on rencontre en bibliothèque. IDEO emploie depuis de nombreuses années cette méthode qui accorde une place centrale aux usagers pour imaginer des services, des espaces et des produits innovants.

Related:  DesignGrid Layout CSSWebsite Layout, Structure & WireframesCSSCSS Grid SystemHTMLGridmise en page fixeTools960gsRessourceswebdevWeb DesignhtmlWeb DesignjirokitaguchiInteresting and Useful Web TechonologycodeCSSwebdevelopmentweb designGridsGraphism & Designdesign site presponsive-gridVisual DesignwebWIREFRAMESGrillesResponsive Sites