background preloader

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton

http://responsive.vermilion.com/compare.php

Related:  Veille technologiqueWeb ResponsiveHTML/CSSTS01 - InfoFramework & Co

Responsive Design : avantages et inconvénients Qu'est que le Responsive Design Les internautes se connectant de plus en plus souvent depuis leur téléphone ou leur tablette, les sites internet doivent savoir s'adapter aux nouvelles modalités de connexion. Tactilité ou lenteur du débit internet, chaque terminal a des caractéristiques et une résolution d'écran qui lui sont propres et qui font que le rendu soit différent au site de base. Cela implique de repenser l'approche de création d'un site Internet pour mieux anticiper les différentes contraintes liées à chaque support. Le Responsive Design est aujourd'hui une solution incontournable si l'on veut conserver sa présence sur internet et ce, quel que soit le support de navigation emprunté. Avantages du Responsive Design

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile

Simplifiez-vous la vie avec LESS La partie fun du cours commence. Vous allez apprendre à utiliser LESS pas à pas. On commence ? Veuillez noter que CSS est totalement compatible avec LESS, ce qui signifie que vous pourrez tout à fait utiliser du CSS pur dans votre code si vous le souhaitez. Constantes Tout d’abord, LESS vous permet d’utiliser des constantes. nginx Un article de Wikipédia, l'encyclopédie libre. Nginx [engine x] est un logiciel libre de serveur Web (ou HTTP) ainsi qu'un proxy inverse écrit par Igor Sysoev, dont le développement a débuté en 2002 pour les besoins d'un site russe à très fort trafic. Une partie de la documentation a été traduite du russe vers l'anglais. Ses sources sont disponibles sous une licence de type BSD. Particularités[modifier | modifier le code] Serveur asynchrone[modifier | modifier le code]

Mémorandom Préambule Comme vous le savez, j’ai découvert le framework PHP Yii il y a quelques semaines. Le premier contact a vraiment été agréable pour moi, et j’ai l’impression que c’est un outil très efficace pour faire gagner du temps au développeur. Dans un article précédent, j’en arrivais à la conclusion que Yii répond à tous les critères que je me suis fixés dans le choix d’un framework, excepté celui de la notoriété (en particulier en France : seulement 46 sujets ouverts sur le forum du site officiel en français). Donc, je me suis dit : « si la communauté française est encore très petite, je vais essayer d’apporter ma pierre à l’édifice ». Vu que je suis encore un grand débutant sur l’outil, je n’ai pas (encore) vocation à produire moi-même des tutoriels vraiment intéressants sur Yii.

Site mobile : quel format adopter ? La notion d’adaptative design (ou adaptive design en anglais) consiste quant à elle a un affichage progressif de différentes versions d’un site web. Chacune des versions est alors optimisée en fonction du support utilisé. Ainsi, la version mobile pourra être différente de la version tablette qui elle sera encore différente de la version desktop. Côté technique, l’adaptative design est basé sur l’utilisation de grilles fixes lors de la phase d’intégration. Entre chaque version, l’affichage ne s’adapte pas et la largeur reste fixe.

Configurer la fenêtre d'affichage - PageSpeed Insights Cette règle se déclenche lorsque les analyses PageSpeed Insights indiquent que votre page ne spécifie pas de fenêtre d'affichage, ou spécifie une fenêtre d'affichage qui ne s'adapte pas à des appareils différents. Présentation L'affichage d'une page Web sur un appareil mobile est contrôlé par une fenêtre d'affichage. Sans fenêtre d'affichage, les appareils mobiles affichent la page comme sur un écran d'ordinateur, en la mettant à l'échelle pour qu'elle s'adapte à l'écran. Définir une fenêtre d'affichage permet de contrôler la largeur d'une page et sa mise à l'échelle sur différents appareils.

Découvrir Susy Susy vous permet de créer vos layouts à partir de grilles. Fonctionnant avec Sass, Susy est incroyablement flexible et devrait répondre à tous vos besoins. Introduction claire par Zell Liew Par Zell Liew Introduction de Chris Coyier : Je me suis rallié dernièrement à l'idée d'utiliser Susy pour construire des grilles avec Sass. Symfony, c'est fini… Et dire que c'était le framework de mon premier amour ! Sous ce titre un peu ridicule ((en encore, vous ne me voyez pas le chanter devant mon écran)) se cache un véritable cri du cœur. Ou pourquoi j'ai décidé de ne plus utiliser les technos de Sensio. Mise à jour : deux ans plus tard, j'ai écrit un retour d'expérience sur ma migration vers Python et Django.

Related:  Responsive WebdesignRWD