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

Blog Les Jeudis

Actualité Informatique et Digital

  • Annonces
    • Par région
    • Par métier
    • Par technologies
    • Par entreprise
    • Fiche métiers
  • Entreprises
  • Tests
  • 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

Category: 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

Trackbacks

  1. Les 10 tendances web design en 2016 - Agence web Tunisie- Agence web Tunisie dit :
    21/10/2016 à 10:11

    […] qui se répètent en boucle, permettent d’être très pédagogique et ludique à la fois. L’utilisation de GIF permet d’enrechir un site Web  sur les réseaux sociaux, il amène une note dynamique ou humoristique qui le rend plus […]

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée.

Sidebar

Rechercher

Nos Meilleurs Articles

MOA et MOE

MOA / MOE : Quelles sont les différences ?

développeurs front end et backend

Développement front-end et back-end : Quelles différences ?

lignes de code Java

‘Java’ est-il le meilleur langage de programmation pour les débutants?

vb net ou c# comme langage de programmation

C# ou VB .NET, le choix du langage

Comment utiliser le framework React JS

1033853617

Les frameworks de programmation les plus populaires en France 

Les métiers du marketing digital

Les métiers du marketing digital les plus demandés en 2019

signe langage python sur ordinateur portable

Web Scraping avec python

757797865

Qu’est-ce que le DevOps et en quoi consiste ce métier ?

smartphone et ordinateur avec banniere sur kotlin comment langage de developpement pour android

Kotlin pour le développement Android

Jeunes stagieres informatiques dans le domaine de la robotique

Le guide ultime pour bien préparer son stage informatique

Pourquoi choisir symfony pour un projet web featured banner 800px

Pourquoi choisir Symfony pour un projet web ? 

Categories

  • Blockchain (7)
  • Conseils (40)
  • Contenu Top (13)
  • Design (42)
  • Développement (136)
  • Digital (347)
  • E-commerce (11)
  • Evénements (26)
  • Interviews (30)
  • Marché de l'emploi (41)
  • Marketing (98)
  • Réseaux et Systèmes (19)
  • SEO (41)
  • Web (160)

Nos Categories

Blockchain

Conseils

Contenu Top

Design

Développement 

Digital

E-commerce

Evénements

Interviews

Marché de l’emploi

Marketing

Réseaux et Systèmes

SEO

Web

Candidats

Emploi par région

Emploi par métier

Emploi par technologie

Emploi par industrie

Emploi par type de contrat

Tous les emplois

Fiches métiers informatiques

Nos Services

S’inscrire

Annonces

Évènements

Tests

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

Nos Categories

Blockchain

Conseils

Contenu Top

Design

Digital

E-commerce

Evénements

Interviews

Marché de l’emploi

Marketing

Réseaux et Systèmes

SEO

Web

Candidats

Emploi par région

Emploi par métier

Emploi par technologie

Emploi par industrie

Emploi par type de contrat

Tous les emplois

Fiches métiers informatiques

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

Nos Services

S’inscrire

Annonces

Évènements

Tests

Magazine

Salon LesJeudis

Les Jeudis

© 2021 Groupe Les Jeudis