Que celui ou celle qui n’a jamais cherché·e : des images libres et gratuites en Creative Common ; un framework basé sur le Material Design de Google ; à traduire un thème WordPress avec Poedit ; une extension WordPress pour créer des formulaires ; à tout savoir sur le développement mobile ; un fichier .htaccess pour optimiser les performances de son site ; à faire des grilles à la Flexbox, sans flexbox ; à savoir si les règles de l’ergonomie web du XXe siècles sont toujours respectables ; à connaitre le classement des projets Javascript les plus populaires sur GitHub me jette la première souris sans fil ! →
Archives des tags : Mobile
Liquid Slider — Slider responsive HTML5 & CSS3 pour le web et les mobiles
Liquid Slider est un Slider jQuery (avec des morceaux de HTML5 dedans) conçu avec les contraintes des périphériques mobile à l’esprit pour assurer à vos contenus un affichage optimum quelque soit la taille ou la résolution de l’écran de vos visiteurs. →
La journée mondiale de l’accessibilité, c’est maintenant !
Lawnchair — Le stockage JSON simplifié
Lawnchair est une solution souple et légère (3.4K pour la version minifiée) pour assurer la persistance des données de vos applications mobiles HTML5 grâce au format de données JSON. Par défaut, Lawnchair utilise les fonctions natives du navigateur, et utilise des solutions alternatives si les fonctions Storage ne sont pas prises en charge. Cerise sur le gâteau, cette solution ne dépend pas de jQuery ou d’un autre framework pour fonctionner. →
carouFredSel — Carousel circulaire et responsive
jQuery.carouFredSel est un plugin jQuery qui transforme n’importe quel élément HTML en carousel «responsive». Le déplacement peut concerner un ou plusieurs éléments simultanément, dans le sens horizontal ou vertical, de manière infinie et circulaire, automatiquement ou suite à une action de l’utilisateur (clic ou clavier). Si toutes les options sont optionnelles, le site propose Configuration Robot : il suffit de répondre à quelques questions pour configurer le plugin à la mode de chez vous.
jQuery Mobile — Introduction aux applications web mobile
jQuery Mobile est un framework basé sur jQuery dont l’objectif est de fournir un ensemble de composant prêt-à-l’emploi pour réaliser des applications mobiles en HTML5 & CSS3 accessibles sur iOS, Android, Blackberry, bada, Windows Phone, Palm WebOS, symbian ou encore Meego. Cerise sur le gâteau, les applications réalisées avec jQuery Mobile réagissent comme les applications natives, en terme d’UI et d’UX. →
Moobile — Framework pour application mobile avec MooTools
Media queries et téléchargement des images par les mobiles
A l’heure où l’on parle beaucoup de Responsive Webdesign via notamment les propriétés CSS3 Media Queries, il est important de s’interroger sur la manière dont les différents périphériques mobiles se comportent au moment de télécharger les images. Disons que vous affichez une image en tant “normal” et que vous décidez de lui appliquer display: none
si max-width: 600px
. L’idéal serait que le périphérique ciblé ne demande pas l’image afin d’épargner la bande passante. →
Check your <body> avec le W3C
Suite à l’arrivée W3C mobileOK Checker sur mon écran radar (merci @flashxman), je me suis dit qu’il pourrait être utile de faire une liste des outils proposés par le W3C pour vérifier la conformité de nos sites web par rapport aux standards, aux bonnes pratiques ou aux performances web. D’une manière générale, ces outils œuvrent pour l’amélioration de la qualité web. →
microjs — 200 micro-frameworks Javascript
Microjs.com présente près de 200 frameworks Javascript petits mais costauds. De combien de lignes de code avez-vous besoin pour votre projet de site web : 50K, 100K, 150K ? Ok, nous aimons tous nos bons vieux gros frameworks comme jQuery ou Mootools et nous en tirons souvent le meilleur. Mais combien de fois les avons-nous utilisés à mauvais escient ? Combien de fois avons-nous tenté d’écraser une mouche avec un tank, alors que des solutions bien plus adaptées étaient à notre portée ? →