The Square Grid - A simple CSS framework for designers and developers 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
960 Grid System Technologies HTML5 pour un web mobile plus simple Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book. On the Columns tab, you can start your design in two ways: Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the design button. The grid preview on the Columns tab will display the widths of each area, in pixels. Use the Typography tab to adjust and calculate basic typographic settings for your design. Finally, on the Export tab, you can generate copy-and-paste ready CSS, and a sample XHTML template.
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 :
YAML Builder | A tool for visual development of YAML based CSS layouts 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.
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here! creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week
Alsacréations : Tutoriels XHTML, CSS, actualités et articles sur les standards web