background preloader

Frameless

Frameless

http://framelessgrid.com/

Related:  thomaslecrouhennecChef de Projet Web

Méthodologie d’Intégration pour un site en Responsive Web Design Cette méthodologie est un addendum à ma méthodologie d’intégration axée sur l’intégration d’un design responsive. Je pars sur le principe que ce design vous est fourni par un DA : PSD, etc, et que vous suivez les étapes de la méthodologie générale. Définir un layout de base qui déterminera le site visible par les vieux navigateurs, ainsi que l’ordre de travail (En gros : Mobile first ou Desktop First)Intégrer la structure (blocks contenant header, nav, content, footer, sans leur contenu) en premier, sous tous les modes, dans l’ordre défini. Ne pas oublier la meta viewport. Media Queries

Agent Personal - La recherche Internet avancée rendue facile Utiliser la puissance des meilleurs moteurs de recherche. Note: En date du 31 janvier 2014, Copernic annonce que Copernic Agent Professional ne sera plus disponible à l'achat à partir du 31 janvier 2014. C'est pourquoi les nouvelles et installations existantes ne seront plus mises à jour. Merci, encore une fois, à tous nos utilisateurs. Recherche web: Utiliser plus de 1000 moteurs de recherches en éliminant les résultats identiques.

Comment centrer verticalement sur tous les navigateurs ? Ce tutoriel présente des solutions pour centrer verticalement des éléments de tailles variables dans des conteneurs de hauteur fixe ou fluide. Les techniques exposées sont compatibles avec tous les navigateurs actuels, à partir d'Internet Explorer 8 et n'utilisent ni <table>, ni JavaScript. Note : ce tutoriel a été initialement rédigé en mai 2010. Responsive Web Design Un article de Wikipédia, l'encyclopédie libre. Dessin illustrant le principe du responsive design. Dessin illustrant le concept d'adaptive design. Principe[modifier | modifier le code] La notion de web adaptatif repense la manière de concevoir les parcours de navigation sur Internet, puisqu'il ne s'agit plus de concevoir autant de parcours qu'il y a de familles de terminaux mais de concevoir une seule interface auto-adaptable. Ainsi, les sources d'information et les socles techniques ne sont pas dupliqués.

media queries et performances web mobile Ce billet fait suite à mes expérimentations continues concernant la performance web pour les mobiles. J’en étais arrivé à un billet nommé “comment cibler les mobiles de manière optimales (bis) ?”. Voici la suite de mes élucubrations… La tête dans le Flux ! Ayant été interrogé par Clubic, je fais une brève double apparition dans un article intitulé "Post PC : est-il temps d’adopter le Responsive Web Design ?" (en page 4). Le billet couvre différents domaines du Responsive Web Design (du référencement, des usages, des performances web, etc.) et on y trouve - forcément - quelques raccourcis et trolls latents, mais il est loin d’être mauvais :) Je suis juste un peu vexé qu’il n’ait conservé qu’environ 10% de mes réponses à ses questions, je ne m’y attendais pas du tout… EDIT (12 septembre 2013).

Schématiser son modèle économique Je viens de lire le livre de Alexan­der Oster­wal­der et Yves Pigneur, Busi­ness Model Gene­ra­tion. J’ai trouvé leur cane­vas très inté­res­sant et facile à uti­li­ser pour tous ceux qui cherchent à créer un modèle éco­no­mique per­ti­nent et ori­gi­nal. Je vous pro­pose donc de reprendre les points prin­ci­paux qu’ils déve­loppent dans le cha­pitre 1, inti­tulé logi­que­ment “busi­ness model canvas”. Modèle éco­no­mique Avant de ren­trer concrè­te­ment dans la des­crip­tion de leur cane­vas, je me per­mets d’expliciter pour ceux qui ne se sont pas spé­cia­le­ment pen­chés sur la ques­tion ce qu’est un modèle éco­no­mique, com­mu­né­ment appelé busi­ness model. Le busi­ness model est un outil qui décrit la façon de créer, déli­vrer et cap­tu­rer de la valeur pour une entre­prise.

typoGraphie Web et Papier j’avais déjà publié un billet assez complet sur les grilles de mise en pages papier ici. Mais juste de vous indiquer ce site de calcul …de colonnages et d’espaces verticales et horizontales directement en ligne. (via le blog de C’est Josef Müller Brockmann qui a jeté les bases d’une explication détaillée sur le sujet. L’histoire des grilles de mise en page se confond aisément avec celle de la mise en scène typographique depuis l’invention de l’alphabet moderne par les phéniciens quelques 700 ans avant JC. Responsive design : la nouvelle dimension du Web C’est dans une ambiance très chaleureuse et une salle bondée que nous avons assisté jeudi passé à une conférence sur le responsive design organisé par Tout le monde UX. La formule était très dynamique. Les conférenciers rythmaient l’événement et les personnes présentes sont régulièrement intervenues avec des questions, des témoignages et des échanges de points de vue sur le sujet. Qu’est-ce que le reponsive design ? C’est un design qui adapte le site à l’interface et à l’écran. C’est une adaptation de l’emplacement des contenus, voire des contenus eux-mêmes aux différentes résolutions d’écrans.

Gridpak - Générateur de grille CSS "responsive" - Épinards & Caramel Gridpak - Générateur de grille CSS "responsive" Par Manu · Etiquette(s) : CSS Technos Web · J'ai peut-être enfin trouvé mon bonheur dans le monde des grilles CSS et du design "responsive" !

Related:  Responsive Designframeworks