Tiny Circleslider propose un système de Slider / Carousel circulaire pour donner aux développeurs web une alternative aux systèmes existants, bien monotones, il faut bien le dire… Construit à l’aide de jQuery, Tiny Circleslider est compatible avec iPhone, iPad et Android et les slides peuvent s’effectuer via des miniatures ou un numéro d’ordre. Ce plugin propose de nombreuses options, pour un poids modeste de 4kg une fois minifié. →
Archives des tags : iPhone
Le petit journal du web des CSS : Bootstrap, Responsive, Triangle, Etc.
Dans ce petit journal du web vous trouverez des liens bien frais pour 1) faire ce que vous voulez avec Bootstrap, 2) avoir un aperçu du rendu de votre site dans différents formats mobiles, 3) copier-coller quelques règles CSS pour obtenir des triangles orientés dans les quatre directions sans image, 4) suivre un tutoriel pour intégrer un prototype de page directement dans le navigateur avec le framework CSS Zurb Fondation. →
11 vidéos pour comprendre l’accessibilité du point de vue… des mal-voyants
L’accessibilité des sites web est une choses dont on parle souvent, sans forcément avoir une idée très précise de la manière dont les mal-voyants utilisent les sites que nous concevons « pour le plus grand nombre ». Les enjeux sont importants car le web permet aux mal-voyants de communiquer, de s’informer et de gérer une partie de leur vie quotidienne. Cette série de vidéos proposée par Access-Key de l’Université Nice Sophia-Antipolis devrait fixer les idées sur des cas concrets, pour nous permettre d’améliorer la lisibilité et le décodage de nos sites web. →
390 ressources Javascript & jQuery
Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les liens pointent directement sur les sources d’origine.
Quelques liens sur les Media Queries en CSS3
Les grilles de mise en page et les frameworks CSS qui les accompagnent sont bien jolis mais pas toujours adaptés à la modernité du Web composée d’agents utilisateurs aussi nombreux que différents. Une grille modulaire devrait faire face à toutes les situations. Les Media Queries permettent de cibler un agent utilisateur selon certains paramètres. Il devient possible d’utiliser une grille visible uniquement par : les personnes qui naviguent depuis un ordinateur de bureau avec une largeur d’écran supérieure à 1024 pixels ; celles qui utilisent leur Netbook (possédant une résolution inférieure ou égale à 1024 pixels de large) ; ainsi que par celles qui parcourent le web depuis leur iPhone, leur iPad ou leur téléphone Android. Il est même possible de spécifier des règles CSS différentes selon que l’appareil est utilisé en mode portrait ou en mode paysage ! →
Le Petit Journal du Web — 09/2011
Le dernier Petit journal du web paru sur CSS & Webdesign remonte à loin. Pour me faire pardonner, voici les meilleurs liens sur lesquels j’ai trébuché au mois de septembre. Au menu : thème WordPress pour démarrer vos projets de site web ; tutoriel interactif pour apprendre les bases de la programmation en général et Javascript en particulier ; coins arrondis propres pour vos images ; mise en place un Content Delivery Network (CDN) pour améliorer les performances de vos pages web ; tutoriel plein de poésie pour apprendre les CSS ; menu déroulant dédié aux smartphones iPhone, Android, etc. →
WordPress de A à Z — E comme Extensions (les plugins)
WordPress offre un environnement de publication complet, prêt à accueillir vos textes, vos images et les commentaires des lecteurs, dès l’installation. Cet aspect «Prêt à Publier» n’empêche pas d’avoir envie d’ajouter ou d’étendre les fonctionnalités du CMS grâce aux extensions qui s’installent en deux clics depuis l’interface d’administration. Parmi les quelques 15 000 plugins disponibles, voici les 11 que j’installe le plus souvent au lancement d’un site WordPress, et ceux que j’utilise moins souvent. Voici le sommaire complet des 26 articles de WordPress de A à Z. →
Les sites web doivent-ils s’afficher exactement de la même manière dans chaque navigateur?
Cette question récurrente est un peu le serpent de mer du webdesign et de l’intégration web. Elle provient à l’origine d’une application sans discernement du flux de production PAO à des projets web qui n’ont pas les mêmes problématiques à résoudre. En PAO, il est impossible de dire au client que sa brochure imprimée aura un nombre de colonnes différent selon les lecteurs ou que la belle typo qu’il a déjà sur sa carte de visite ne passera pas à l’impression. C’est ainsi qu’est né le mythe du rendu des maquettes Photoshop au pixel près. Et pour cause : une fois que l’on a fait signer le BAT au client, on a les mains liées. Difficile de lui expliquer ensuite pourquoi son site ne ressemble à rien sur le PC de sa secrétaire qui utilise IE6. Et c’est normal du point de vue du client qui a bien raison de se moquer des problèmes existentiels des ouvriers qui travaillent à fond de cale 🙂 →
Grille modulaire pour périphériques mobiles (iPhone, Android, iPad)
La résolution des périphériques mobiles comme les téléphones mobiles, les Smartphones (iPhone, Android) et les tablettes tactiles (iPad) est généralement de l’ordre de 240 x 320, 320 x 480 ou 480 x 640 pixels. Après avoir décortiqué la création d’une grille de mise en page adaptée à la résolution moyenne des écrans de bureau et des Netbooks, je vous propose de suivre un autre exemple d’application de ce concept de grille modulaire dont la particularité est que la colonne de base est égale à la largeur de la gouttière. →