background preloader

Webdesign

Facebook Twitter

CSS3

HTML Temp. SEO. Analytics. News. Dl. Ergonomie. Accessibilité. Intégration. Fireworks. Tools. Responsive design. Javascript. Newsletter. Tutoriaux. Analyse de sites. Inspirations web. Portfolios. Freebies. Créer un thème de A à Z - Tutoriel WordPress. Cube. Responsive Web Design Interactive Infographic. This infographic is the first place to check when you need well researched information on responsive web design.

Responsive Web Design Interactive Infographic

With basic glossary, 15 blog articles, 5 quotes, 11 free PDF books, Google recommendations, as well as 65 tutorials, 20 plugins, 19 tools, and ready-made responsive website templates, this page is meant to classify a whopping amount of RWD content and give you exhaustive answers & tips to help improve your website designs. Use this, it will make you a better responsive web designer. Layer Styles. Quick Introduction to Moqups - Moqups. Online IT Lab.

Free PSDs & Resources for Web Designers by Orman Clark. Free CSS Code Snippets for Web Developers. Swatch Book with CSS3 and jQuery. Noms de domaine. Choisissez votre outil de maquettage ! (Usaddict) DISQUS - Elevating the discussion. Tendances web 2012. Color Scheme Designer 3. The Typekit Blog. Wordmark.it. Golden Grid System. GGS was my next step after Less Framework.

Golden Grid System

Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. On smaller screens the 16 columns could be folded into 8, 4 and 2. Recherche / 'Webdesign' Color Trends + Palettes. Web Design Blog, Tutorials and Inspiration. WordPress Plugins. Timeline. CSS WordPress Web Design. Adobe Flex Tutorial - Adobe Flex Tutorial. Liste des librairies AS3 / Flex mise à jour Il existe de très nombreuses librairies que vous pouvez utiliser avec Flex ou AIR.

Adobe Flex Tutorial - Adobe Flex Tutorial

Certaines sont des libraires purement AS3, vous permettant par exemple de communiquer avec des API (Amazon, FlickR, Facebook…) alors que d’autres sont des librairies de composants graphiques que vous pouvez utiliser directement en MXML. La plupart de ces librairies sont Open Source et gratuites, libre à vous de les utiliser et même de participer à leur développement! Certaines sont au format SWC, pour les intégrer dans un projet Flex, suivez ce petit tutorial sur les SWC avec FB3. Modest Maps. Ergonomie web, expérience et interface utilisateur, utilisabilité, design » UXUI. 12 blogs et sites francophones sur l’ergonomie. L’ergonomie des interfaces fait parler de plus en plus !

12 blogs et sites francophones sur l’ergonomie

Nous vous proposons un tour d’horizon des blogs et sites francophones actifs (en avril 2012) qui traitent d’ergonomie des interfaces au sens large. Ce billet met à jour la liste que nous avions déjà publié en 2010. Main / Home Page. CSS Grid Builder - ZURB Playground - ZURB.com. CSS Code Product Design Training from the Experts at ZURB This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.

CSS Grid Builder - ZURB Playground - ZURB.com

This is just a simple modal with the default styles, but any type of content can live in here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. A responsive CSS grid system helping desktop and mobile browsers play nicely together. 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.

Une feuille de styles de base pour le Web mobile

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. Wirify – The web as wireframes.

Gridpak - The Responsive grid generator. The Grid System. Spend your time innovating, not replicating. Blog Design Graphique. Blaz Robar.com free website templates. Arts numériques 1 : Liens. Les grilles CSS ou CSS grid et le Responsive Web Design. Un professeur m’a dit un jour que chaque mouvement artistique – en musique, en littérature ou dans les beaux arts – pouvait être considéré comme la réponse au mouvement précédent.

Les grilles CSS ou CSS grid et le Responsive Web Design

Les producteurs des années soixante ont produit Bonnie et Clyde et Le Lauréat pour contrer les vieux films hollywoodiens comme La Mélodie du bonheur. Dans Le Paradis perdu, John Milton, pas très subtil, brocarde ses prédécesseurs littéraires en les plaçant dans le décor de l’enfer. La réaction moderniste prit bien des formes, sur pratiquement tous les supports artistiques. En peinture, elle consistait à réduire le superflu pour expérimenter avec les courbes, les formes et la couleur. Les graphistes de l’époque, comme Jan Tschichold, Emil Ruder et Josef Müller-Brockmann, popularisèrent le concept de grille typographique : un système rationnel de colonnes et de lignes, sur lesquelles des modules de contenu peuvent être placés. Souvent, la première couche de notre grille de mise en page ressemble à ça : Gridulator: Make pixel grids, lickety-split.

PIMP MY INDEXHIBIT. D’abord définissons ce qu’est une « URL propre »: une URL propre ne contient pas de signes bizarres. une URL propre ressemble à cela: une URL sale ressemblerait à cela: L’avantage est que c’est plus joli, et surtout que votre adresse sera plus facile à mémoriser et plus forte de sens.

PIMP MY INDEXHIBIT

L’installation de base d’Indexhibit comporte des « URLs sales » (car le système des serveurs rencontrés fonctionnait avec des URLs sales, et ils ont bien essayé avec des URLs propres, mais trop d’utilisateurs auraient rencontrés des problèmes ). Ce dont vous avez besoin, c’est que votre serveur Apache comporte une technologie appelée « mod_rewrite » et disponible pour votre compte. Comment procéder: - renommer le fichier « htaccess » se trouvant á la racine, en « .htacces » (avec « . » le point devant)

Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels - Part 11. L’univers sombre de Nicolas Obery Les amateurs d’art digital reconnaitront au premier coup d’œil les créations de la série Fantasmagorik® de l’artiste français Nicolas Obery. Un style fort et une personnalité qui laisse rarement indifférent… Free Psd Web Elements. Network. BUZZEUM. Contact - Ergolab, ergonomie web et logiciel. CSS Gallery - Web design inspiration - CssDsgn. Create your Google Sitemap Online - XML Sitemaps Generator.

Creating Flowcharts. Pourquoi et comment créer un sitemap ? Les sitemaps vous aident à organiser votre site Web.

Pourquoi et comment créer un sitemap ?

Ils aident également les moteurs de recherche atteignant chacune de vos pages contenant votre site Web et de le retourner dans les requêtes de recherche publiées par les utilisateurs. Technologies HTML5 pour un web mobile plus simple. L'évolution du Web.

Wordpress

Awwwards: Website Awards - Best websites around the World.