SocialCount, a #jQuery Plugin for Lighter & Faster Social Networking Widgets | Filament Group, Inc., Boston, MA
▻http://www.filamentgroup.com/lab/socialcount.html
Tags : #webperf #widget #Facebook #Twitter jQuery #clevermarks
Pour moi, tout ça (le comptage notamment) devrait être déjà généré côté serveur. Là chaque visiteur va faire des appels à des trucs externes et donc être tracé. Ça fait plus de requêtes et moins de vie privée. Si c’est fait côté site, ça fait une seule requête par rezosocio, mise en cache en plus, et aucun traçage des visiteurs.
#font Loading Revisited with Font Events | Filament Group, Inc., Boston, MA
▻http://www.filamentgroup.com/lab/font-events.html
By referencing our fonts using CSS @font-face and using font loading APIs to load and enable them when ready, we’ve found our fastest page load yet while retaining the progressive font rendering we desired. Tags: font #FOIT #webperf #UX #clevermarks
Working around a lack of element queries | Filament Group, Inc., Boston, MA
▻http://filamentgroup.com/lab/element_query_workarounds
Lately, we’ve been running into a recurring dilemma when building #responsive_designs. We want to build responsive layouts comprised of many modular, independent HTML components that fluidly fill any layout container we drop them into, but CSS3 #media_queries don’t currently offer a way to make content respond to its container’s dimensions (as opposed to the overall viewport size).
Sur le même sujet, tu as peut-être lu cet article :
Responsive Webdesign – présent et futur de l’adaptation mobile - Alsacreations
▻http://www.alsacreations.com/article/lire/1559-responsive-web-design-present-futur-adaptation-mobile.html
La problématique du responsive est bien plus complexe que ce qu’on peut lire sur certains blogs qui essaient de nous faire croire qu’il suffit aujourd’hui, pour optimiser un site pour mobile, d’ajouter 2 Media Queries pour l’iPhone et l’iPad et redimensionner toutes les images. Le Responsive Web Design est une technique toute jeune, loin d’être parfaite et en constante évolution. Beaucoup de choses sont aujourd’hui possible, mais hélas il reste encore pas mal de chemin à parcourir dans le domaine.
[...]
Le responsive webdesign reste une technique et une infime partie de ce qui est aujourd’hui appelé « Adaptive Webdesign ». Le but de l’article n’est pas non plus de décourager les gens qui optimisent des sites pour mobile, mais de mettre le doigt sur ce qui aujourd’hui pose problème, est bancal, pour ensemble, trouver des solutions à ces différents problèmes.
A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc., Boston, MA
►http://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables
In responsive web design, one of the toughest design problems to solve is how format complex tabular data for display on smaller screens. In this post, we’ll explore an experimental approach to rendering a complex table, using progressive enhancement and responsive design methods, that displays comfortably at a wide range of screen sizes, provides quick access to the data, and preserves the table structure so that data can still be compared across columns.
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
►http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/#When:18:26:00Z