background preloader

Webdesign

Facebook Twitter

Slapandthink. Le développement front-end suit une perpétuelle évolution.

Slapandthink

Toujours un dernier plugin, une dernière librairie javascript, technique CSS3 ou HTML5 à utiliser ou tester dans un projet. On développe avec des plugins en bêtas sans jamais trop savoir si ils conviendront pour le prochain projet et si ils seront maintenus dans le temps. De plus, le besoins de développer des interfaces adaptatives et responsives nécessite d’avoir de bonnes bases et d’effectuer des tests récurrents sur les différents types de résolutions.

Mais depuis quelque temps, les frameworks front-end ont su se trouver une place dans le développement de nos interfaces et webdesign. C’est ainsi que les Twitter Bootstrap, Foundation, Gumby, Skeleton… sont de plus en plus vus et utilisés dans nos projet. Slapandthink.

Timeline

18 Packs d'icônes gratuites pour Septembre. 50+ Excellent Tutorials for Creating Website Layouts in Photoshop. If you’re looking to learn more about web design or to improve your skills, following along with detailed, step-by-step tutorials can be a great use of your time.

50+ Excellent Tutorials for Creating Website Layouts in Photoshop

While there are a lot of resources and courses where you can pay to learn design, there are also plenty of quality tutorials available for free. In this post we’ll showcase 50 different tutorials that we feel are the best at showing you how to design and layout a simple website in Photoshop. You’ll find tutorials that teach how to design all different kinds of sites, and in a wide variety of design styles. Find a few that you like, work through them, and you’re sure to learn at least a few new things that you can put into practice in your own design work.

Uptoten : graphique et truffs d'animation pour les 2 10 ans, 800 activits amusantes et ducatives mme de stimuler l'esprit. 11 Great Free iPhone 4 GUI PSD Templates For Designers. From the graphic which post on RIM Blackberry Tablet Will Support Flash we can know, iPhone hold more and more smartphone market share and being one of the most popular electronic gadget,it has created a stir in the market.

11 Great Free iPhone 4 GUI PSD Templates For Designers

Same with windows OS, people started using it, then designers started using iPhone stock image for their graphic designs, more and more developers/designers searched for hours trying to find an iPhone 4 template to customize the home screen. Logo Design, Web Design and Writing by the World's Best Creative Team. Logo Design, Web Design and More. Design Done Differently.

Jassin

Que se passe-t-il en mode quirks ? (traduction) Ce billet est la traduction de l’article « What happens in Quirks mode » de Jukka “Yucca” Korpela initialement paru sur le site du Tampere University of Technologie (Finlande) le 13 avril 2007, dernière modification le 28 février 2008.

Que se passe-t-il en mode quirks ? (traduction)

Le mode quirks est un mode de fonctionnement des navigateurs Web tels qu’Internet Explorer (IE), Firefox et Opera. En gros, le mode quirks (aussi appelé mode compatibilité) signifie qu’un navigateur relativement moderne simule intentionnellement de nombreux bugs des anciens navigateurs, en particulier IE 4 et IE 5. Le mode quirks est déclenché par le doctype sniffing aussi connu sous le nom de doctype switching. Cela signifie que le navigateur inspecte le début d’un document HTML pour voir si il contient une déclaration de doctype comme requis par les spécifications HTML. Le but du mode quirks est de faire que les vieilles pages s’affichent comme l’a voulu leur auteur. Il n’existe pas de spécification de ce qui se passe en mode Quirks.

La fusion des marges en CSS. Qu’est-ce que la fusion des marges?

La fusion des marges en CSS

La fusion des marges est un mécanisme décrit dans la spécification CSS (CSS 2.1: Collapsing Margins). Il concerne les marges verticales (margin-top et margin-bottom) des éléments de type bloc. C’est un mécanisme qui, pour deux blocs qui se suivent, «fusionne» la marge inférieure du premier et la marge supérieure du deuxième. C’est-à-dire qu’au lieu d’additionner les deux marges, le navigateur va conserver la plus grande des deux. Ainsi, dans l’exemple suivant l’écart entre les deux paragraphes ne sera pas de 50 pixels (20 + 30), mais de 30 pixels: The 2 Principles Of Object Oriented CSS. Initiation au positionnement en CSS (Partie 1)

Pour éviter l'usage inconsidéré des tableaux de mise en page, l'utilisation correcte de chaque élément (balises div, p, h1, ul, li, etc.) ainsi que leur positionnement en CSS est dorénavant indispensable.

Initiation au positionnement en CSS (Partie 1)

Les éditeurs HTML visuels n'utilisent qu'une infime partie des possibilités des balises (faussement nommées "calques" en général), ce qui les rend souvent peu compatibles et peu pratiques. Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab. Usabilis - Ergonomie informatique, ergonomie logicielle, design et conception d'interface pour les applications logicielles, web, mobiles et tactiles. Useit.com: Jakob Nielsen on Usability and Web Design. Online Diagram Software and Flowchart Software - Gliffy.

Sorting Studies. Home Sails - Tringles et accrochages pour rideaux, stores et automatismes, travaux tapissiers, serrurerie. Objet design, devenez coproducteur d'objets design avec Designer Prod ! Ergonomie Web : Les bonnes pratiques, 12 règles pour s'initier à la conception d'interfaces à forte utilisabilité par Arnaud Lemercier. Cet article fortement inspiré du livre Ergonomie Web d'Amélie Boucher (ergolab), a pour but de vous initier à l'ergonomie Web.

Ergonomie Web : Les bonnes pratiques, 12 règles pour s'initier à la conception d'interfaces à forte utilisabilité par Arnaud Lemercier

Vous y trouverez que l'essentiel et les bonnes pratiques à avoir en tête lors de vos conceptions d'interface web. Les bonnes pratiques de la qualité web. A List Apart. Les Open du Web. Pompage.net : le web design puisé à la source. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Le Site du Zéro, site communautaire de tutoriels gratuits pour débutants : programmation, création de sites Web, Linux... Css 4 design est un blog sur l'intégration web HTML, CSS et Javascript sans oublier le graphisme et l'ergonomie. Du webdesign, en somme ;) Linx-beyssade.PDF_ ANALOGIQUE & NUMERIQUE. 1/ Introduction L’analogique et le numérique sont deux procédés pour transporter et stocker des données.

ANALOGIQUE & NUMERIQUE

(de type audio , photo , vidéo…) . L’analogique est né avec le début de l’électricité tandis que le numérique est apparu plus récemment avec l’ère de l’informatique . Le principe de l’analogique est de reproduire le signal à enregistrer (audio , vidéo…) sous forme similaire sur un support (magnétique en général) .Par exemple lorsque l’on enregistre un signal audio sur un système analogique le signal présent sur la bande suivra les mêmes amplitudes (" la même courbe ") que l’onde sonore (avec plus ou moins de fidélité) : les variations de pressions caractéristiques d’une onde sonore seront traduit en variations d’un signal électrique . Ainsi l’amplitude électrique du signal analogique sera l’image plus ou moins fidèle du signal à enregistrer (audio , vidéo…) En numérique le signal analogique à enregistrer est converti en numérique grâce à un convertisseur analogique>numérique .

Carambar Ex de site lourdingue.

Exemple de site beaucoup trop lourd à télécharger pour le client. – blanchesabb

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.

Design graphique et tarifs

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. Webdesign Mag. Desktop, tablette, smartphone… Quelle est la taille de l’écran ?

320, 768, 1024 pixels ? Ce n’est plus aussi simple, car il n’y a pas que la taille à prendre en compte. Continuer la lecture Fotolia a lancé au début de l’année, la saison 3 de TEN, un projet créatif, pédagogique et numérique qui réunit des binômes d’artistes (photographe et graphiste) à la renommée internationale autour d’une création commune. La saison s’achève en novembre avec un duo d’artistes venus d’Extrême-Orient. Continuer la lecture La nouvelle série de Canal + Family, « Bienvenue à Bric-Broc » s’appuiera sur Toon Boom pour son animation. Browser Statistics by Country: World Maps - BrowserRank. Web design. Un article de Wikipédia, l'encyclopédie libre.

Web design

Le web design désigne la conception de l'interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans le site web. Il s’agit d’une phase essentielle dans la conception d’un tel site. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité. Smashing Magazine.

PAO

La couleur. Inria - Inventeurs du monde numérique. Bienvenue sur le site Web du LIRIS — LIRIS. Institut du Numérique. IRI - Institut de recherche et d’innovation du centre pompidou, Accueil.