background preloader

Webdesign Friday (#wdfr) - La communauté webdesign francophone

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 […] Le Web devient progressivement de plus en plus complexe, au rythme battant des technologies. Ce qui était autrefois un support statique a aujourd’hui évolué pour devenir une expérience très riche et interactive. Cependant, une chose ne change pas : le succès d’un site Web dépend toujours de ce qu’en perçoivent ses utilisateurs.

http://wdfriday.com/blog/

5 modules de formation en ligne complets informatique et Internet, Web 2 et réseaux sociaux (PMTIC) Mis en place dès 2002 en Région Wallonne (Belgique), le PMTIC (Plan Mobilisateur TIC) propose des modules de formation et d’initiation à l’informatique, à l’Internet, au Web 2. et aux réseaux sociaux avec un accompagnement par des opérateurs locaux (dont des EPN – espaces publics numériques). L’objectif premier est de sensibiliser, d’initier et de former aux TIC (informatique et Internet), le public des demandeurs d’emploi. Ce programme est coordonné par le Laboratoire de Soutien à l’Enseignement Télématique de l’Université de Liège (LabSET).

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.

A partir d’une sélection de pages web, créer instantanément un ebook epub ou pdf Vous lisez cette page : il y a alors des chances que la lecture à l’écran vous occupe souvent. Or, des dispositifs d’aide à la lecture existent : Instapaper, Readability ou Read-it-later sont des services qui améliorent la lisibilité des pages, les stockant sur un compte en ligne à des fins de consultation ultérieure, sur ordinateur ou tablette. Ce billet portera sur une autre possibilité : créer à la volée un ebook à partir d’une sélection de pages web. D’un seul tenant, l’ebook pourra être passé facilement à un tiers, lu sans être connecté au réseau Internet, géré et éventuellement annoté à l’aide d’un logiciel (Mantano Reader sur Android, Iannotate ou Ibooks sur Ipad, PDF Viewer sur Windows, etc.). 1/ Readlist : les pages deviennent un ebook au format epub, pour tablette, liseuse ou smartphone

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.

Cours d'informatique - Éducation aux adultes - Centre Christ-Roi, Mont-Laurier, Québec Tutoriels Word 2003 Ces tutoriels présentent chacun une fonctionnalité de Word 2003. Ils peuvent être visionnés indépendamment les uns des autres selon vos besoins. Ils sont cependant classés par ordre croissant de difficulté ! Pour profiter pleinement des tutoriels qui vous sont offerts, vous devez disposer :

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.

Sites pour l'enseignant - Carte collaborative avec UMAP Umap est un site de cartographie collaborative libre qui utilise les fonds de cartes OSM (Open Street Map). Il vous permet de créeer vos cartes thématiques, de les rendre collaboratives et interactives. Exemples pédagogiques : La carte des poilus morts pour la France de la 1ère guerre mondiale (projet collaboratif de plusieurs écoles en lien avec un travail sur les monuments aux morts lancé par Frédéric Adamczak, Animateur Tice de Meurthe et Moselle et l'association Abuledu.fr) Voir la carte Voir le projet 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.

GeoGebra – Autoformations du RÉCIT MST Géométrie dynamique, algèbre et calculs s’associent comme des partenaires d’égale importance pour former GeoGebra. GeoGebra facilite la création de constructions et modèles mathématiques par les étudiants, leur permettant des investigations interactives en déplaçant des objets et en modifiant des paramètres. De la manière la plus simple, vous pouvez faire des constructions contenant des points, des vecteurs, des segments, des droites, et des coniques aussi bien que des fonctions, qui peuvent être modifiées ensuite dynamiquement à la souris. D’une autre manière, la saisie telle que : g :

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.

Related: