Resizer est un nouvel outil lancé par Google pour vous permettre de vérifier si votre site ou blog est bien responsive et s’il saura s’adapter à tous les écrans.
Scooped by Frédéric DEBAILLEUL |
Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
Time to Learn
Environnement d'Apprentissage Collaboratif Curated by Frédéric DEBAILLEUL |
Scooped by Frédéric DEBAILLEUL |
Resizer est un nouvel outil lancé par Google pour vous permettre de vérifier si votre site ou blog est bien responsive et s’il saura s’adapter à tous les écrans.
Scooped by Frédéric DEBAILLEUL |
Consacré "mot-clé de l'année 2013" par le célèbre magazine Mashable, le Responsive Web design (RWD) est aujourd'hui incontournable dans nos projets web (et dans les cahiers des charges de nos clients)… mais demeure toujours aussi confus et insaisissable même chez les professionnels !
Voici donc une petite introduction pour mieux comprendre ce phénomène...
Scooped by Frédéric DEBAILLEUL |
Le RWD est un matériau jeune, une ébauche en plein brouillon qui prend peu à peu forme et consistance au fil du temps et de nos expériences sur le terrain.
Dans quelques mois (années ?), les spécifications officielles seront bien plus abouties et stabilisées au sein de nos navigateurs.
Rescooped by Frédéric DEBAILLEUL from Blog WP Inbound Marketing Leads |
Ink est un kit HTML/CSS permettant de créer des emails responsives compatibles avec les clients emails du marché dont Outlook.
Scooped by Frédéric DEBAILLEUL |
Quels sont les meilleurs thèmes pour WordPress en Responsive Web Design ?
Sélection commentée par le spécialiste Alexandre Bortolotti, du site WP-themes-Pro.
A placer dans vos bookmarks...
Rescooped by Frédéric DEBAILLEUL from Ma veille - Développement web |
Test your website on any screen size including desktops, tablets, televisions, and mobile phones.
Scooped by Frédéric DEBAILLEUL |
« Le web responsive », on entend de plus en plus ce terme en matière de webdesign mais pourquoi ?
Quand on crée un site web, autant il y a quelques années il fallait penser à le rendre compatible sur tous les navigateurs (Grrr ie…), mais maintenant il est important d’avoir un site Internet qui soit consultable sur un smartphone ou une tablette, qui peut-être une source de trafic à ne pas négliger.
Si vous travaillez souvent avec un CMS, vous avez à votre disposition des thèmes wordpress responsivesà télécharger par exemple, mais d’autres solutions existent. Au final, votre site web doit pouvoir être vu sur plusieurs tailles d’écrans sans changer l’aspect de votre site et en gardant ses fonctionnalités.
Une des manières d’aborder le problème est d’utiliser des outils qui vont vous aider dans la conception d’un site responsive
Scooped by Frédéric DEBAILLEUL |
Take a look at these 10 valuable tools to aid in web design, layout, coding and planning a responsive website.
Scooped by Frédéric DEBAILLEUL |
Un livre blanc - white paper Sarbacane Software. L'email responsive : optimiser vos campagnes pour l'affichage mobile
Extrait du livre blanc : "L’email responsive, c’est :
• adapter son email aux différents supports de lecture
• prendre en compte les destinataires et leur apporter une information lisible partout et à chaque instant
• faire évoluer sa communication à portée de main
• suivre les dernières tendances des nouvelles technologies
• offrir une nouvelle expérience
De nos jours, une grande partie de la population possède un téléphone portable. Il est devenu un appareil indispensable, utilisé partout et surtout en situation de mobilité (transports en commun par exemple). Une des fonctionnalités principales des smartphones est la consultation des emails. Les messageries emails sont désormais directement accessibles et toujours à portée de main. Avec ce livre blanc, Sarbacane, acteur majeur de l’emailing, propose de vous accompagner dans la mise en place de vos campagnes emailing adaptées à l’ensemble des supports mobiles."
Scooped by Frédéric DEBAILLEUL |
L'e-mail (ou newsletter) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, aucun problème, c'est un standard interprété sans difficulté. En mode HTML c'est un art ô combien délicat en partie dû au nombre de clients lecteurs d'e-mail sur le marché qui ont des comportements bien différents (encore plus désormais que les navigateurs classiques). Cette disparité de l'interprétation des e-mails au format HTML provient de plusieurs facteurs
Scooped by Frédéric DEBAILLEUL |
Splio livre dix conseils pour concevoir des sites web et e-mailings optimisés pour les mobiles. L'entreprise, qui accompagne ses clients dans la création de programmes relationnels et dans l'animation de stratégies multicanal, rappelle, en préambule, que l'adaptation au mobile n'est plus une option.
Scooped by Frédéric DEBAILLEUL |
Si comme nous, vous travaillez dans le web, vous n’êtes sûrement pas sans savoir ce qu’est le Responsive Design. Tout le monde n’ayant pas la chance de pratiquer notre superbe métier, nous nous sommes dit qu’il serait intéressant d’expliquer cette notion à tous.
Etant l’une des principales caractéristiques du web de demain (d’aujourd’hui ?), il semble effectivement compliqué de passer à côté. C’est pourquoi nous proposons cette infographie pour comprendre les principes de base de cette « nouveauté ».
Scooped by Frédéric DEBAILLEUL |
Qu'est-ce que le responsive web design? Cet article vous expliquera tout, avec un tutoriel basé sur une pizzeria pour le clôturer.
Scooped by Frédéric DEBAILLEUL |
“Responsive Webdesign”, “Retina”, “optimisation mobile”, autant de termes qui sont devenus de plus en plus présents dans nos quotidiens de designers et intégrateurs web. Le nombre d’écrans dont la résolution permet l’affiche d’images en très haute qualité ne cesse d’augmenter : écrans Retina sur iPhone, téléphones Android, Mac Book pro et bientôt sur nos TV (à quand le frigo ?), etc.
Ces nouveaux écrans apportent de nouvelles perspectives, mais également un besoin grandissant de flexibilité. Le format vectoriel semble être une excellente réponse à cette problématique.
Scooped by Frédéric DEBAILLEUL |
Savez-vous que 57% des personnes qui se connectent à Facebook le font au moins de temps en temps depuis leur téléphone portable ? (source)
Qu'en France, le taux de pénétration des smartphones était de 40% en décembre 2011 (il était seulement de 25,8% une année plus tôt et il aura encore bondi en 2012 à mon avis) ? (source)
Et que le nombre de tablettes vendues dans l'Hexagone pourrait atteindre les 3 millions d'unités d'ici à la fin de cette année ? (source)
Voir plus de statistiques à propos de nos vies multi-écrans
Voilà pourquoi, si vous avez un site Internet (ou un blog), le "Responsive design" devrait bientôt vous préoccuper
Scooped by Frédéric DEBAILLEUL |
Amongst all the new features and improvements that the recent WordPress 3.4 release has introduced, there is a hidden gem. The Custom Header Image feature has been supported by WordPress for some time, however previously its fixed dimensions made it too immobile to be of much use in the age of responsive design.
The new release makes it flexible and introduces easier and cleaner code for this popular option. As theme developers we can now go further, taking into consideration the need to optimize for mobile visitors.
Scooped by Frédéric DEBAILLEUL |
As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted for managing the navigation/menu on smaller screened devices.
Planning and building your menu for mobiles will perhaps be the trickiest aspect of your responsive layout, not just with the coding but also having to decide what will stay and what will have to go to fit everything into the smaller screen. It is a juggling act between both readability and the desire to show as much on the screen as possible.
Hopefully the solutions we have for you below will help get you on your way.
Scooped by Frédéric DEBAILLEUL |
Qu'est-ce que le Responsive Web Design ?
Internet s'affranchit progressivement des ordinateurs "classiques", la multiplication des supports d'accès au "Réseau" durant ces cinq dernières années le souligne plutôt bien (tablettes, smartphones, télévision…) Si ces terminaux remplissent tous une même fonction, accéder aux services d'Internet, leurs caractéristiques sont différentes, notamment en ce qui concerne la résolution de leur écran. Dès lors une question d'ergonomie du Web se pose : comment assurer la compatibilité d'un site avec ces différents terminaux ? Le Responsive Web Design — ou conception de sites web adaptatifs — regroupe l'ensemble des méthodes et techniques permettant d'assurer cette compatibilité.
Scooped by Frédéric DEBAILLEUL |
Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables…