background preloader

Webdesign

Facebook Twitter

Les feuilles de style dans les documents HTML. 14.1 Introduction aux feuilles de style Les feuilles de style représentent un progrès majeur pour les concepteurs de pages Web, en développant les possibilités d'améliorer l'aspect de leurs pages. Dans les milieux scientifiques au sein desquels le Web a été conçu, les personnes étaient plus attachées au contenu de leurs documents qu'à leur présentation.

Au fur et à mesure de la découverte du Web par des personnes issus d'horizons plus larges, les limitations de HTML devinrent la source de frustrations continues et les auteurs furent forcés de contourner les limitations stylistiques de HTML. Bien que l'intention étaient louable, (améliorer la présentation des pages Web), les techniques employées pour le faire ont eu des effets secondaires malheureux. Ces techniques fonctionnent parfois pour certaines personnes, mais pas tout le temps pour toutes les personnes. L'auteur peut relier cette feuille de style à son document HTML source avec l'élément LINK : <!

La cascade Les styles alternatifs . Les sites web incontournables (janvier 2013) Les traditionnels incontournables sont disponibles !

Les sites web incontournables (janvier 2013)

Pour ce premier mois 2013, Webdesigner Trends a sélectionné pour vous 20 sites pour votre inspiration. Surfant sur les tendances en utilisant les dernières mises en page « à la mode », on retrouve de nombreux sites de cette sélection possédant un large header avec une photo par exemple. Rien de nouveau certes, mais très très rependu. Bonne ou mauvaise chose ? À vous de juger ! Mfg Labs Quoterobot Captain Creative Colossal Media Tweetping. Webdesign Express : Breadcrumbs, effets CSS3 et RWD. C’est les soldes, je vide mes signets.

Webdesign Express : Breadcrumbs, effets CSS3 et RWD

J’ai retrouvé au fond du navigateur quelques liens intéressants, des tutos, des conseils et quelques ressources pour créer des webdesigns attrayants. Au menu de ce Webdesign Express, des fils d’Ariane très jolis, des effets sympas en CSS3, quelques conseils d’optimisation et des techniques de Responsive Web Design. Bonne lecture. Coding a Graceful Breadcrumb Navigation Menu in CSS3 CSS3 breadcrumbs – RedTeamDesign Chained AJAX Selects Original Hover Effects with CSS3 10 resources to get the most out of the CSS text-shadow property Gallery with CSS3 and jQuery Responsive embeds – device testing Useful CSS Snippets for Your Coding Arsenal Elastic Image Slideshow with Thumbnail Preview Adaptive Images for Responsive Designs Speed Up Your Site with Delayed Content Tips for Wireframing a Usable Mobile App Interface.

Tripwire magazine — handpicked goodies for Web Developers and Designers. CSSLab → Un laboratorio de ideas para la web en español. Corona Radiata. LOGOTIPO.CL / Diseño de Logos Profesionales, Diseñadores Chilenos. Photoshop. La Ferme du web - Le net, ça se cultive ! Tendencias logos 2012. Todos los años hay una serie de patrones de inspiración, que suelen repetirse en diferentes materiales creativos, vamos a compartir una recopilación sobre tendencias de logos del 2012, en donde se analizan esas características compartidas.

Tendencias logos 2012

La idea de hacer una recopilación de patrones, no trata de restar la originalidad de las identidades, sino de entender como se va rigiendo el mundo del diseño en este 2012. Cuando uno ve demasiados trabajos creativos nunca se pretende copiar, más bien se trata de poder entender las tendencias para así crear un producto propio. El mayor beneficio a la hora de identificar estos patrones es tener una idea global de lo actual, y de esta forma encontrar un punto de partida a la hora de generar una creación personal.

Símbolos icónicos universales como el hombre en los pasos peatonales o el icono de mujer en los baños, han sido durante mucho tiempo uno de los pilares del lenguaje gráfico, son muy útiles en su franqueza. Basado en: logolounge.com. Show and tell for designers. Digilicious, Blog de Diseño. Graphic Design Inspiration and Photoshop Tutorials. PsdFreak - Free Psd Resources for Photoshop Freaks! PSD Templates. Free Vector illustrator.

Web Design and Development Tips, Tutorials and Related Resources - [Re]Encoded.com. Advanced Graphics. Smashing Magazine. Plantillas Power Point, fondos de pantalla, complementos firefox, iconos. Diego Mattei Blog. Tutoriales de Photoshop, Wordpress, Marketing, SEO.

Ressources

Photoshop GraphixShare. Color Scheme Designer 3. Tutorial9 - The Best Resources for Designers, Every Day.