Webdesign
> Dataviz
> Pro
> Com - Print & Multimédia
> Multimédia
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 | Template Monster. This infographic is the first place to check when you need well researched information on responsive web design. 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. Programr | 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. 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. This behaviour was inspired by Massimo Vignelli's Unigrid system. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid.
Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles.
Recherche / 'Webdesign'
Web Design Blog, Tutorials and Inspiration | Web Design Ledger. WordPress Plugins.
Timeline. Bbxdesign | blog de Jeremy Thomas | 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. 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. Il y a un petit picto devant toutes les librairies que je trouve remarquables (pour les avoir utilisées). Pour proposer une librairie AS3/Flex, n’hésitez pas à m’envoyer un mail à fnicollet@gmail.com. Accès à des API Cartographie Yahoo!
Utilitaires AS3 Design / Data Visualisation Degrafa: Permet de créer des éléments graphiques de manières déclarative (MXML). Frameworks MVC Flex. Modest Maps | Home. 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 ! 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. Rayon UX – Site t37.net Le Rayon UX est un site d'analyses et d'informations sur l'ergonomie, l'expérience utilisateur et l'écosystème des startups. Il traite également de développement web dans une section dédié. Quality Street – Blog qualitystreet.fr Coach agile, Jean Claude Grojean fait converger l’ergonomie avec la gestion de projet en mode agile en publiant des articles très complets sur le sujet. C'est une référence en la matière. Le bloc-notes de l'ergonomie & l'UX – Blog blocnotes.iergo.fr Raphaël Yharrassary partage des idées à propos de l’ergonomie des IHM et l’expérience utilisateur. WebAgencyFail – Micro Blog webagencyfail.com WebAgencyFail est historiquement un compte Twitter (@webagencyfail). Partager :
<stdin> | 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. 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.
Your ZURB ID explained You’ll use your ZURB ID to log in to all of ZURB’s properties — University, Products and Foundation. University Product design resources, courses and training. Design Apps Prototype, iterate and collect feedback on your products. Foundation The most advanced front-end framework in the world.
Columnal | 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. 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. Wirify – The web as wireframes. Gridpak - The Responsive grid generator. The Grid System.
Blueprint: A CSS Framework | 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 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 : Skeleton. 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.
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) - ouvrir le dossier « ndxz-studio » et extraire le fichier « defaults.php » que vous copierez quelque part en local chez vous.
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… Damn You Art School – collection d’outils pour les créatifs Être créatif ne rime pas forcément avec être productif. Pour simplifier les choses, le site Damn You Art School propose une sélection complète d’applications et d’outils pour vous aider à augmenter votre créativité et votre productivité. Les sites web incontournables (mai 2013) Votre rendez-vous d’inspiration webdesign mensuel sur Webdesigner Trends. Dossier : comment apprendre le webdesign en ligne ?
Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. Les magnifiques illustrations de Krzysztof Roslan 5 sites e-commerce pour votre inspiration – #16 Simon Daufresne, webdesigner à suivre #11 MatCloud, design & illustration. Free Psd Web Elements. Network :: Gallery. BUZZEUM. Contact - Ergolab, ergonomie web et logiciel. CSS Gallery - Web design inspiration - CssDsgn. Create your Google Sitemap Online - XML Sitemaps Generator. Creating Flowcharts | Creating Sitemaps | Free Flowcharts | Free Sitemap. Pourquoi et comment créer un sitemap ?
Les sitemaps vous aident à organiser votre site Web.
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. Dans cet article je vais vous expliquer pourquoi les sitemaps sont importants et comment en créer pour votre site Web. Nous examinerons pour cela deux méthodes automatisées et manuelles pour créer un sitemap. Avant d’entrer dans le détail, voyons à quoi vous servent les sitemaps sur votre site Web.
Un sitemap (plan du site) est un modèle hiérarchique visuel des pages d’un site Web. Un sitemap est un moyen facile pour les webmasters d’indiquer aux moteurs de recherche les pages de leurs sites qui sont disponibles pour l’analyse. Les moteurs de recherche Web analysent généralement les liens des pages dans le site mais également sur d’autres sites. Il existe deux types principaux de sitemap : ceux en HTML et ceux en XML.
Sous WordPress … Pour en savoir plus :
Technologies HTML5 pour un web mobile plus simple. L'évolution du Web.
Wordpress