• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer
  • Facebook
  • Twitter
  • Instagram
Lesjeudis

Blog Les Jeudis

Actualité Informatique et Digital

  • Annonces
    • Par région
    • Par métier
    • Par technologies
    • Par entreprise
    • Fiche métiers
  • Entreprises
  • News
  • Se connecter
  • Déposer CV
  • Recruteur
    • Connexion Recruteurs
    • Employeurs
    • Trouvez des CVs
    • Postez des offres
  • Categories du Blog
    • Développement
    • Réseaux et Systèmes
    • Digital
    • E-commerce
    • Marché de l’emploi
    • Conseils
    • Evénements
    • Design
    • Marketing
    • Interviews
    • —-
  • Annonces
    • Toutes nos offres d’emploi
    • par région
    • par métier
    • par technologies
    • par sociétés
    • Par Industries
    • Fiches Métiers
  • Entreprises
  • Tests
  • offres recommandées
  • Se connecter
  • Déposez CV
  • Employeurs
    • Connexion recruteurs
    • Employeurs
    • Trouvez des CVs
    • Postez des offres
  • Développement
  • Réseaux et Systèmes
  • Digital
  • E-commerce
  • Marché de l’emploi
  • Conseils
  • Evénements
  • Design

L’histoire du web design illustrée

23/07/2015 par Team LesLeudis

Grandeurs et décadences, voilà ce qui pourrait caractériser l’histoire du web design. Une série d’illustration réalisée par Froont.com (outil d’aide à la création et à la collaboration pour la conception web) retrace les grandes étapes du design web de 1989 à 2014. Des tableaux, en passant par le JavaScript, Flash, CSS jusqu’au Flat et Responsive design, découvrez les différentes modes du web design.

 

1989 : Les prémices du web design

Les débuts de la conception web étaient assez sombre … les écrans étaient littéralement noir et seuls quelques pixels monochromes vivaient à l’intérieur.

01-Tab_keys-1-v2

1995 : La folie des tableaux

La naissance de navigateurs pouvant afficher des images était la première étape dans la conception de sites web que nous connaissons. Pour structurer l’information, le concept n’était autre que de mettre des tableaux dans des tableaux, eux-mêmes imbriqués dans d’autres tableaux.

02-Tables-1v2

1995 : Javascript à la rescousse

Besoin d’une fenêtre pop-up, ou de modifier l’ordre d’un élément ? JavaScript était la réponse aux limites du HTML. Aujourd’hui, nous préférons éviter JavaScript même s’il s’est réinventé avec jQuery et Node.js.

03-Javascript-1v2

1996 : L’âge d’or de la liberté avec Flash

Pour briser les limites de la conception de sites web existants, une technologie est née, qui promet une liberté jamais vu auparavant ! Le web designer peut concevoir des formes, des modèles, des animations, des interactions, utiliser toutes les polices et tout cela en un seul outil : flash. Le résultat final est emballé comme un fichier, puis envoyé au navigateur à afficher. Autrement dit, tant qu’un utilisateur avait le dernier plugin flash et du temps libre pour attendre jusqu’à ce qu’il charge, la magie opérait ! Malheureusement, lorsque Apple a décidé de l’abandonner sur leur premier iPhone (2007), Flash a commencé à se désintégrer.

04-Flash-1v2

1998 : CSS

A la même époque que Flash, une meilleure approche de la conception de la structuration d’un point de vue technique est né : Cascading Style Sheets (CSS). Le concept de base est de séparer le contenu de la présentation. L’aspect et le formatage sont définis dans CSS, et le contenu en HTML. Les premières versions de CSS étaient loin d’être flexibles, mais le plus gros problème était le taux d’adoption par les navigateurs. Il a fallu quelques années avant que les navigateurs commencent à le supporter pleinement.

05-CSS-2v2

2007 : Le pouvoir aux mobiles – Grilles et Frameworks

Surfer sur le web depuis un mobile était un réel défi ! La première étape pour l’amélioration était une idée de grilles de colonnes. L’étape suivante a été de standardiser les éléments couramment utilisés comme les formes, la navigation, les boutons.
L’inconvénient est que les conceptions ont souvent le même look et que les web designers ne peuvent y accéder sans savoir comment le code fonctionne.

06-Grids-1v2

2010 : Le responsive web design

Un type brillant nommé Ethan Marcotte a décidé de contester l’approche existante en proposant d’utiliser le même contenu, mais dans différentes dispositions relatives à la conception, et a inventé le responsive design. Le principal avantage du responsive design est que le même site fonctionne sur tous les écrans.

07-Responsive-3v2

2010 : Le flat design

Concevoir plusieurs mises en page prend plus de temps … Bonjour le Flat design et sa simplification des éléments visuels ! La volonté est faite sur une meilleure hiérarchie visuelle et la concentration de l’effort sur la qualité du contenu.

08-Flat-2-V2

2014 : Le futur

Dans le futur, les développeurs souhaiteraient pouvoir s’affranchir du code et des problèmes de compatibilité, alors que les web designers rêvent eux de manipuler les éléments visuels en toute liberté !

09-Future-1-v2

Categorie: Design, Digital

About Team LesLeudis

Lesjeudis est fier de compter sur une équipe multidisciplinaire de professionnels techniques et du marketing. Ensemble, nous couvrons de vastes domaines informatiques et de développement, ainsi que du marketing et du numérique. De Rails à .net, de la conception graphique à l’interface utilisateur et au référencement, vous bénéficierez de nos connaissances et de notre expertise dans chaque article que nous écrivons dans ce blog.

Previous Post:Social media : comment mesurer l’impact de votre page Facebook ?
Next Post:Le numérique créateur de 12 000 emplois supplémentaires en 2014

Reader Interactions

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Sidebar

Rechercher

Nos Meilleurs Articles

Marché des logiciels SAAS en France

Tendances de marché des logiciels SAAS en France

Les dix applications avec la plus forte croissance

Les dix applications qui connaîtront la plus forte croissance en 2022 (en France et dans le monde)

Le processus du RPA (Robotic Process Automation)

La Robotic Process automation, aux frontières du machine learning et de l’IA

les identités numeriques: empreint digital, reconnaissance de voix, reconnaissance facial...

Identités numériques : des opportunités d’emplois à la pelle

281485034

Les 10 métiers télécom les plus demandés

Les couches de design mobile, UX et UI

UI et UX Design : quelle différence ?

15 moteurs de recherche alternatifs à Google

Outils de marketing pour la mesure de la performance des projets web

Comment mesurer la performance d’un projet web ?

banniere sur les Nouvelles tendances en webdesign

8 tendances webdesign à suivre pour 2021

des lunettes avec de code de programmation pour la data science

C’est quoi la Data Science?

Les métiers réseaux sociaux qui recrutent cette année

Les métiers réseaux sociaux qui recrutent en 2020

la signification des couleurs dans le marketing

Le pouvoir des couleurs au service du marketing

Categories

  • Blockchain (11)
  • Conseils (51)
  • Design (39)
  • Développement (148)
  • Digital (305)
  • Divers (6)
  • E-commerce (12)
  • Evénements (24)
  • Fiche métier (1)
  • Formation (7)
  • Interviews (36)
  • Marché de l'emploi (59)
  • Marketing (127)
  • Méthodologie (9)
  • Réseaux et Systèmes (25)
  • Web (149)

Nos Categories

Blockchain

Conseils

Méthodologies

Design

Développement 

Digital

E-commerce

Evénements

Formation

interview

Marché de l’emploi

Marketing

Réseaux et Systèmes

Website

Candidats

Employment by region

Employment by profession

Emploi par technologie

Emploi par type de contrat

Tous les emplois

Fiches métiers informatiques

Nos Services

S’inscrire

Annonces

Magazine

Salon LesJeudis

Support

Nous contacter

Vous êtes recruteur ?

A Propos

Conditions générales d’utilisation

Politique de confidentialité

Droit d’accès aux données 

Personnelles

Social

Facebook

Twitter

Linkedi

Les Jeudis

© 2021 Groupe Les Jeudis