Des pixels et du code #25
Beaucoup de plugins jQuery et petits outils en JS, du SVG et de l’optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine. Bonne lecture
Les tutoriels de la semaine
#WordPress
WordPress Event Calendar Using Custom Post Types and Verbose Calendar , un tutoriel très complet qui mélagne custom post type, meta boxes, plugin, etc. pour créer un calendrier d’evènements sous WordPress
#Meteo
Jquery.simpleWeather un tutoriel pour utiliser l’api de simpleWeather pour créer un widget propose et customisé qui donne la météo sur votre site
Des ressources utiles
#WordPress
The Ultimate Guide to WordPress Post Excerpts changer la longueur, le lien, et tellement plus, tout ce dont vous avez besoin pour jouer avec les extraits WordPress
WordPress theme css starter une liste des classes que l’on peut trouver dans un thème WordPress (générées par l’API pour les menus, widgets, articles etc) qui pourra vous être très utile pour le design de templates
How to Preserve the Editor Scroll Position in WordPress un plugin qui ne paie pas de mine mais ajoute une fonctionnalité sympa à l’admin, garder la position du scroll dans l’éditeur WordPress
#Bug iOS
iOS-Orientationchange-Fix un JavaScript qui fix le bug sur l’iPad d’orientation : quand on tourne l’appareil, la page se zoom. Il est possible de résoudre celà avec un viewport qui utilise maximum-scale:1, mais on empêche l’utiliser de zoomer. Ce script permet de résoudre ce bug, sans pour autant empêcher l’utilisateur de zoomer
#Paralax
Web-features.net un site web pour générer des arrières plans avec effet parallaxe
#WordPress
Inpixelitrust responsive blank theme, un thème de départ pour vos projets WordPress en HTML5 basé sur Knacss
#Effet papier
Oridomi une librairie JS sans dépendances pour créer des effets de papier plier recourbé
Les outils et plugins pour vous faciliter la vie
#RWD
fitWeird un petit bookmarklet qui donne la taille de la fenêtre en px et em pour débuguer du responsive
#Sprite
Spritepad un outil pour créer vos images de sprite en drag and drop directement dans le navigateur.
#SVG
Svgeezy un petit script pour ajouter des fallbacks aux images SVG de votre site
#Drag & drop
Pep.briangonzalez.org un plugin pour faire du drag & drop sur desktop mais qui fonctionne surtout aussi sur mobile !
#WordPress #Mobile
Mobble un plugin WordPress pour détecter differents User Agents mobiles. Vous pouvez aussi n’en récupérer qu’une partie du code et copier/coller dans functions.php
Les articles à lire
#inspiration
Awesome Breaking Bad Art Exhibition du fan art Breaking Bad très sympa
#SEO Design
The Nexus of Website Design and Search Optimisation ou comment un bon design combiné à du bon contenu peuvent influencer le SEO d’un site web
#integration web
F2em.com le manifeste de l’intégrateur web (front de en anglais dans le texte)
#font-face
Optimiser le rendu de @font-face : tout un programme ! un excellent article qui explique les différences de rendus des font-face entre OS et navigateurs
#Responsive Webdesign
10 Responsive Navigation Solutions and Tutorials si vous manquez d’idées et d’inspiration, 10 propositions de navigations qui s’adaptent à la taille de l’écran
#UX UI
Lessons Learned Designing a Windows 8 App à travers l’exemple du design d’une application de music, voici une une présentation de la nouvelle interface de windows 8, des choix de design, et de grosses et belles évolutions en terme d’UI pour microsoft avec une interface plus clair et épurée en plus de l’harmonisation entre les différentes plateformes (pc, xbox et mobile/tablette)
Et pour finir, l’expérience fun de la semaine, un Doodle Jump en ligne en HTML5, let’s play !
