Les bénéfices des standards par un graphiste Web
On pourrait croire que les recommandations du W3C, la problématique de l'accessibilité et les standards de l'Internet en général ne sont pas connus par les graphistes Web… On pourrait également être tenté de penser que les standards apportent plus aux développeurs qu'ils n'apportent aux graphistes… Ned Baldessin ned-openweb@idsland.com, professionnel du Web, nous présente le point de vue des graphistes sur les différentes technologies qui forment les standards de l'Internet. Propos recueillis le 16 juillet 2003. Marc-Aurèle Darche — Pouvez-vous vous présenter et nous décrire votre activité ? Ned Baldessin — Je suis architecte d'interaction ou, plus simplement, un designer Web. Le Web design est une composante importante de mon activité, mais ce n'est pas la seule. Ce sont les interfaces graphiques qui m'intéressent vraiment. M. N. Ceux que je préfère oublier sont déjà oubliés. M. N. M. N. M. N. M. N. Pour les mauvaises pratiques, quelques exemples : M. N. M. N. M. N. M. N. M. N. M. N. M. N. M. N. M. N.
Free Typographic XHTML/CSS-Layouts For Your Designs
Advertisement In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. The response was overwhelming and we really had a hard time going through the designs, analyzing them and deciding which templates deserve the awards. However, we did receive a number of brilliant typographic templates that we are happy to release for free download and personal and commerical use as the gift for the web design community. Winner (1st place): T-20 T-20 [ preview | download ]"The Layout is following the rules of Grid-Based-Design and aesthetical and readable type. Winner (2nd place): Extreme Georgia Extreme Georgia [ preview | download ]"I hand-in a single-page template for blogs. It might look plain, but it can be customized easily, let’s say, the color of the links, background image can be added later, and also the background colors.
Alsacréations : Tutoriels XHTML, CSS, actualités et articles sur les standards web
Les 20 étapes que je suivrais si je devais recommencer mon blog à 0.
ConseilsMarketing.fr accueille aujourd’hui Charles Hutin, l’auteur du blog Vie Explosive, où il parle d’une de ses passions : le développement personnel, la productivité, la santé, les finances. Il cherche à transmettre sa passion et donc il a décidé de créer son blog afin de s’améliorer, et d’aider son lectorat. Dans cet article Charles nous explique ce qu’il ferait s’il devait reprendre à 0 le Blog qu’il a lancé il y a bientôt 1 an… Cela fait actuellement 11 mois que je blogue. Quand j’ai commencé, je l’ai fait tout doucement, à mon rythme et je ne m’en plains pas. J’ai réalisé plus tard que ça me plaisait bien de bloguer, et j’ai commencé à essayer de mieux bloguer. Ce que je ferais, si je devais reprendre tout à 0 Voici donc les étapes que je suivrais si je devais recommencer un blog à 0. 1. La première étape c’est de choisir sa niche. Quand j’ai décidé de créer un blog, ce n’était pas histoire de créer un blog. Et donc aussi pour m’améliorer au travers de ce blog. 2. Et ainsi de suite.
TENDANCES 2011-2012 – MEDIAS SOCIAUX/WEB MARKETING
Portfolio item posted on Vendredi, juin 10th 2011 at 19 h 51 min Face à l’évolution accélérée des nouvelles technologies et d’Internet, les médias importants ont pris l’habitude de publier plus tôt leur palmarès des tendances à suivre durant l’année. Au printemps dernier, les magazines Trendwatching et Courrier International, entres autres, ont publiés leur numéro spécial sur les tendances à surveiller pour 2011/2012. Tout au long de l’année, à travers mes blogues et mon blogroll, mes fils Twitter et Facebook, j’ai régulièrement relayés des billets intéressants sur le sujet. Sans faire l’unanimité, les différents médias, ou les différentes agences, qui se sont risqué(e)s au jeu des tendances se recoupent assez souvent dans leurs observations. Je vous propose donc une liste des 10 tendances qui reviennent le plus souvent à travers les plus importantes publications : 1 – Marketing mobile : applications mobile, m-couponing, codes QR, géolocalisation, paiement mobile Lire :
Technologies HTML5 pour un web mobile plus simple
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
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. 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.
