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. » 8 Guidelines and 1 Rule for Responsive Images Cloud Four Blog I recently had the opportunity to work with a company that is moving to a responsive design and has over 800,000 images on their site. These images come from all over the world. I learned a lot about what it means to tackle images in a responsive design on a large scale. One of the big lessons is that we spend a lot of time discussing what the frontend solutions for responsive images should be—the new picture element or srcset or a magical new image format—and little time discussing how backend systems and human processes might need to change. The company I consulted has procedures in place for images. These processes include having the images enhanced if necessary, cropped to fit, resized, and then saved in a web optimized format to fit exactly how the image is used on the page.
The very own digital experiences from Epic agency Kineograph As part of a project for one of our clients, it was necessary to play animations in order to make the site more lively. Very quickly we thought about using spritesheets. 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
What Is Web 2.0 by Tim O'Reilly 09/30/2005 Oct. 2009: Tim O'Reilly and John Battelle answer the question of "What's next for Web 2.0?" in Web Squared: Web 2.0 Five Years On. The bursting of the dot-com bubble in the fall of 2001 marked a turning point for the web. Many people concluded that the web was overhyped, when in fact bubbles and consequent shakeouts appear to be a common feature of all technological revolutions.
Sous Mac OS X : MAMP - PHP - Général (PHP) Pour ceux qui ont un Mac sous Mac OS X, je vous conseille le programme MAMP (Mac Apache MySQL PHP). Il est vraiment très simple à installer et à utiliser. Vous pouvez le télécharger ici. Vous devriez avoir téléchargé une archive au format .dmg qui contient le logiciel. 16 Examples of Great Responsive Web Design Every website’s audience expects to be able to access it via any device that connects to the Internet. Therefore: it is no longer an option to have a responsive website. If you wish not to upset your visitors, allow them to visit a site on their phone that is meant for their phone. That, right there, will make them feel cared for and appreciated. Les multicolonnes en CSS3 Le module de positionnement multicolonnes (ou Multi-column Layout Module en anglais) permet, comme son nom l'indique, de faire s'écouler du contenu sur plusieurs colonnes de largeurs égales, tel qu'on peut le voir dans le monde de l'imprimerie. Encore peu usité, ce module est pourtant loin d'être en brouillon car il s'agit d'une spécification élevée au rang de Candidate Recommendation, donc stable, au sein du W3C depuis avril 2011. Compatibilité de multicolumn Le positionnement multicolonnes est - contre toute attente - plutôt bien supporté par le collège des navigateurs.
Workshop / Chrome Experiments Unfortunately, either your web browser or your graphics card doesn't support WebGL. We recommend you try it again with Google Chrome. 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.
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. Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. Si vous faites vos premiers pas dans le web ou que vous souhaitez vous perfectionner en webdesign grâce à Internet, cet article est fait pour vous. Depuis l’ouverture du blog, vous avez été nombreux à m’écrire pour en savoir plus sur les possibilités d’apprendre le webdesign.
Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin...