La boîte à outils ultime pour le responsive design 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… Le responsive design est relativement récent et les choses bougent très vite. A peine a-t-on pris connaissance d’une technique qu’il faut déjà apprendre une nouvelle chose ou maîtriser le dernier outil sorti. Le responsive design n’est pas une simple mode de passage mais bel et bien une possibilité et une philosophie de conception de sites web bien en place qui fait ses preuves. Avec sa popularité toujours grandissante, de nombreux outils ont vu le jour pour faciliter le travail des concepteurs et intégrateurs de sites. L’article original recense de nombreux outils gratuits qu’on peut trouver sur le web et vous trouverez ci-dessous ma sélection parmi tous ceux présentés dans celui-ci, plus quelques ajouts. 1. 2.
10 conseils d’utilisabilité avant de concevoir l’UX L’expérience utilisateur d’un site web, vaste sujet que nous avons déjà traité dans de nombreux articles : Chaque éditeur souhaite que les visiteurs prennent du plaisir quand ils visitent leur site, qu’ils gardent un bon souvenir, qu’ils reviennent et qu’ils recommandent le site à leur entourage. L’expérience offerte sur un site web prend de plus en plus d’importance avec la richesse des offres disponibles sur les différents supports : Web, mobile ou tablette. Pour être certain de ne pas oublier les fondamentaux d’un site web convivial et utilisable, voici une sélection de dix conseils à suivre avant de vouloir créer une expérience utilisateur hallucinante. 1. L’utilisabilité est la capacité d’un système à être utilisé par certains utilisateurs afin d’atteindre leurs buts ou objectifs. Par exemple, pour votre site web vous devez vous assurer qu’il n’y a pas de liens cassés, que vos formulaires soient sans bug, et que le contenu soit affiché convenablement. 2. 3. 4. 5. 6. 7. 8. 9. 10.
[Chat Vidéo] Les fondateurs de Napster lancent Airtime sur Facebook Sean Parker et Shawn Fanning, les fondateurs de Napster, viennent de lancer une nouvelle start-up. Baptisé AirTime, il s’agit d’un service en ligne de chat vidéo, basé sur la communauté Facebook. Sorte de Chatroulette, AirTime permet aux membres du réseau de discuter entre amis mais également de discuter avec des inconnus. L’atout de cette nouvelle application réside néanmoins dans le fait qu’elle ne requiert aucun téléchargement de programme. Peu avant l’ouverture du service, les fondateurs ont annoncé avoir levé près de 25M $, lors d’un tour de table animé par Kleiner Perkins Caufield & Byers, Andreessen Horowitz, Accel Partners, Google Ventures et Social + Capital.
Frédéric Guerrier (guerrier) sur Twitter HTML5, où en sommes-nous ? HTML5 est né en 2004 et sa standardisation est annoncée pour 2014… 10 ans pour mettre en place la norme qui doit remplacer les nombreux plug-ins, afin d’utiliser au maximum les technologies Web natives et standardisées. Alors aujourd’hui, à 2 ans de son aboutissement, où en sommes-nous ? Est-il déjà entré dans le monde du web ? Heureusement on n’a pas attendu 2014 pour se faire plaisir. Le HTML5 se fait adopter à une vitesse remarquable, en particulier par les navigateurs (certains plus vite que d’autres) et les outils de création comme la CS6 d’Adobe. Alors si nos outils nous permettent de l’utiliser, pourquoi s’en priver ? À vrai dire, beaucoup de développeurs n’ont pas attendu bien longtemps avant de se lancer. Janel Garvin, PDG d’Evans Data, avait déclaré dans un communiqué « Il n’y a aucune question à propos de l’adoption d’HTML5 c’est déjà le standard de facto ». Les vendeurs aussi essaient de franchir le cap en soutenant ce langage dans leurs produits de base. ).
FooTable - Des tableaux HTML compatibles responsive webdesign FooTable est un plugin jQuery permettant de bénéficier d'un tableau dynamique adapté aux écrans larges et mobiles. La tendance est clairement au web compatible mobile, le responsive webdesign est une méthode permettant de répondre à cette problématique. Sauf que si vous avez déjà testé de mettre en place des medias queries, vous avez sans doute remarqué à quel point il était difficile de rendre un tableau de données compatible sur terminaux mobiles! Footable est une solution à ces problèmes d'adaptation des tableaux de données au mobile. En effet, ce plugin jQuery va redimensionner le tableau et proposer dynamiquement un (+) devant la première colonne pour afficher les infos supplémentaires. Exemple plus parlant, nous avons un tableau de données complet: Les deux colonnes principales que l'on défini sont le nom et prénom, et on défini des règles de masquage des autres colonnes en fonction de la résolution affichée: 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 15. 16. 17. 18. 19. 20.
Comment Sauvegarder Les Informations De Votre Profil Facebook La sauvegarde des informations de votre profil Facebook doit constituer une de vos priorités. Pourquoi ? Parce qu’il existe de nombreuses façons de voir son compte banni par Facebook et que vous ne voulez pas prendre le risque de perdre vos données qui sont souvent le résultat de longues heures de travail. Facebook a publié une vidéo dans laquelle David, un des membres de l’équipe Open Source, nous montre comment sauvegarder les informations de votre profil. Le résultat final abouti a une page html sur laquelle figurent votre profil, votre mur, vos photos, vos amis et vos évènements. J’ai testé cette méthode et il y a toutefois une légère différence avec la démonstration présentée ci-dessus. Voici les captures d’écran correspondant à la procédure que j’ai effectuée.
Eva-Lotta Lamm — User Experience Designer Génération Y et égalité professionnelle | Richesses Humaines | Scoop.it Publié le 12/12/2011 Attention, cet article a été publié le 12/12/2011. Ce dispositif d'archives vous donne accès à l'ensemble des publications du site FocusRH. Assurez-vous de lire les dernières dépèches et dossiers publiés en utilisant notre moteur de recherche Et si la génération Y était la solution aux problèmes d’égalité professionnelle ? C’est du moins le pari engagé par l’association Women’Up lors de son dernier colloque sur la question, le 1er décembre dernier. « La génération Y va révolutionner les modes de travail et de vie. Compétences, envie et projet Un pari déjà engagé par les jeunes entrepreneurs de la génération Y. « La moyenne d’âge dans mon entreprise est de 25 ans, témoigne Céline Lazorthe, jeune fondatrice de Letchi.com. Des stéréotypes bien ancrés Le jeune entrepreneur reconnaît néanmoins qu’il reste des différences, « surtout à des âges où l’on commence à penser à la maternité ». Brice Ancelin Plus d’informations sur l’association Women’Up Crédits photo : Fotolia.com
[LeWeb'12] Immersion dans la maison connectée A quoi ressemblera une maison connectée à l’horizon 2020 ? C’est une question à laquelle les équipes de France Télévisions ont souhaité répondre de manière très concrète en mettant sur pied un appartement témoin futuriste. Technologie lifi, table basse tactile, jouets connectés, papier peint social, cadre intelligent, décoration interactive…. Bernard Fontaine, responsable du dispositif, nous propose une véritable visite guidée. L’occasion pour les plus curieux d’obtenir un avant-goût des usages de demain. Des jouets qui parlent aux TV Le petit robot en carton, situé à droite de la télévision, permet aux parents d’établir un programme pour leurs enfants. A première vue anodine, cette peluche Emilie permet, lorsqu’elle est posée sur un coin de la table, de déclencher le programme auquel elle est liée. Une table basse tactile Développée par la start-up Sensorit en partenariat avec le CEA, cette table basse Ikea vise à remplacer la télécommande. Un papier peint social Un cadre intelligent
[Trends] FrenchWeb lance une série documentaire sur les nouvelles tendances digitales En coproduction, Dailymotion et FrenchWeb, lancent aujourd’hui officiellement «Trends», une série documentaire consacrée aux innovations digitales dans le monde. De Séoul à Paris en passant par la Silicon Valley et New York, le premier épisode présente les nouvelles tendances dans le domaine de la vidéo. Quels sont les nouveaux usages ? Quels sont les services de demain ? Sur une idée originale de Cédric Tournay, PDG de Dailymotion, et Richard Menneveux, fondateur de FrenchWeb.fr, Trends a été produit par les équipes de FrenchWeb.fr, en coproduction avec Dailymotion, et avec le soutien d’Orange. Un vrai défi pour FrenchWeb, dont les équipes ont parcouru le globe en seulement 3 semaines, tourné plus de 30 heures de rushes, et monté le documentaire en format HD, sous-titré, en 30 jours.
Responsive WEBDESIGN des outils, grilles, tableaux, carrousels... by sohenno Dec 7