http://www.magazineduwebdesign.com/
All For Design - Part 2 Certains d’entre vous en ont déjà entendu parler sur les réseaux sociaux depuis quelques jours. Aujourd’hui je suis heureux de vous annoncer l’arrivée d’un petit nouveau dans le paysage des podcasts tech’ français : The Walking Web, premier podcast audio dédié au web design et à la création numérique au sens large. Lire la suite Le web est un domaine qui évolue tellement rapidement qu’il est bon de garder un oeil attentif sur notre environnement professionnel pour mieux le comprendre et rester ainsi compétitif en terme d’innovation. Même si l’activité de veille est parfois mal comprise (qui ne s’est jamais entendu dire : « Encore sur Twitter ? Créer un menu sticky avec JavaScript et CSS - CSS / CSS3 J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique. Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. (Dois-je utiliser un sticky menu ?) Mais quand même ! Je vous propose de voir ensemble comment on peut faire ça.
Webdesign Friday (#wdfr) - La communauté webdesign francophone Il y a quelques jours, le site Designmodo publiait le lien vers un fichier Photoshop gratuit contenant des éléments d’interface en Flat Design. Ce fichier a été remarquablement bien reçu de par sa qualité et beaucoup de webdesigners l’ont téléchargé afin de l’utiliser pour leurs maquettes. Mais voilà, le site Layervault a émis un avis […] Javascript : 10 ressources utiles à connaître - javascript-ressources Aujourd'hui sur le Blog Du Webdesign, découvrez 10 ressources Javascript qui vous seront utiles. Sigma Sigma est un moteur de visualisation de graphes, pouvant aussi bien travailler avec des données envoyées en live qu'avec des fichiers exportés des logiciels de visualisation. Timeline Timeline permet, comme son nom l'indique, de créer des timelines.
CSS3 Flexbox, plongez dans les CSS modernes - Alsacreations « Flexible Box Layout Module », mieux connue sous le nom de « Flexbox », est une spécification CSS3 du W3C qui définit un nouveau modèle de boîte et de positionnement jusqu’alors inédit. À lui seul, ce mode de positionnement rend élémentaires tous les problèmes classiques rencontrés avec CSS depuis des décennies : les alignements rendus simplissimes ; le centrage vertical ; une fluidité naturelle des éléments ; des hauteurs identiques entre frères ; la modification de l’ordre d’affichage ; et ce n’est qu’un début ! Flexbox est déjà en train de révolutionner de manière profonde et pérenne notre façon de concevoir des designs et des composants en CSS.
Comment le responsive design répond aux nouvelles exigences du WEB Le “Responsive Design”, ou design réactif ou adaptatif, est un panel de techniques et de méthodes qui permettent de rendre universel l’affichage d’un site Internet, qu’il soit consulté depuis une tablette, un smartphone ou un ordinateur de bureau, car il s’adapte à la résolution de l’écran de l’utilisateur. Ceci nécessite un travail en amont, pour pouvoir anticiper les différentes contraintes (affichage, mais aussi lenteur de l’accès) afin de proposer une expérience de consultation intéressante et avec la même qualité d’information quel que soit le support. Les évolutions qui ont induit le responsive design Les usages d’Internet et les technologies ont évolué au fil des années. Si avant, la consultation sur moniteur était la seule envisageable, nos smartphones actuels nous permettent de rester sur la Toile même dans les transports en commun, avant que la consultation du soir se fasse soit sur la télévision familiale, désormais connectée, soit sur la tablette tactile de la maison.
Les 30 sites les plus populaires pour réaliser une veille efficace Vous êtes nombreux à effectuer une veille quotidienne dans l'univers du web design afin de trouver des inspirations, astuces et des ressources pratiques. Découvrez dès maintenant les sites les plus populaires pour vous aider au quotidien. Des sites variés et riches en informations ! Cet article se base sur notre dernier sondage réalisé il y a quelques semaines (Etude sur la veille et les ressources en web design), où vous étiez plus de 870 personnes à répondre et partager votre quotidien, un grand merci à tous pour votre participation. L'infographie est en cours de réalisation par rapport à ce sondage et arrivera la semaine prochaine, mais pour aller plus loin, nous avons souhaité vous présenter la liste des sites les plus populaires qui permettent de réaliser votre veille.
Webdesign : 10 exemples de sites utilisant l’effet parallaxe Avez vous déjà vu un site utilisant l’effet parallaxe (aussi appelé urling) ? Cette technique permet de donner une illusion de mouvement lorsque l’internaute scrolle. On voit ainsi les éléments de la page s’animer et donner une illusion de profondeur. De ces sites se dégagent une réelle originalité et une expérience de navigation marquante pour l’internaute. Je vous propose de découvrir 10 exemples dans la suite de cet article… 23 excellents thèmes & templates Bootstrap gratuits Bootstrap est un framework gratuit qui permet de mettre sur pied un site responsive rapidement et simplement. Vous trouverez dans cet article 23 templates bootstrap gratuits parmi les plus intéressants du web. Ils sont majoritairement conçus pour des sites one-page et seront particulièrement utiles si vous souhaitez créer un site pour promouvoir un évènement, mettre un CV en ligne ou mettre en avant des créations pour un freelance ou une agence. Pour aller plus loin, vous trouverez à la fin de l’article 3 tutos qui vous aideront à maîtriser Bootstrap. 1.