INFOS & ACTUALITÉS

Projets en cours, réalisations à découvrir, actualités webdesign, communication, référencement ou mes petites news... Bienvenue sur le blog

Responsive (part II) : Les techniques pour réaliser un site responsive

Un petit tour des techniques pour réaliser un site responsive

Pour faire suite à l'article expliquant ce que veut dire responsive, je vous propose ici la partie technique, pour les créateurs de sites, pour travailler en mode responsive.

A une époque, faute de technologies permettant de faire du responsive webdesign, on faisait des sites "statiques" avec beaucoup de dimensions "fixes", en pixels. Il y a eu une période également où il était courant de proposer un site web et un site mobile qui étaient indépendants en termes de développement / design / contenu / gestion... Ça se fait toujours, MAIS...

Désormais nous avons la technologie CSS3 media queries qui permet de travailler sur un seul site et de rendre celui-ci adaptable et responsive.

Il n'y a pas qu'une seule méthode pour obtenir un site responsive, mais je vais essayer de résumer ici les méthodes que j'utilise personnellement.

Au sommaire :

Lire la suite...

Publié le 04 Avr 2022
Dans Blog > Webdesign

Un petit tour des techniques pour réaliser un site responsive

Pour faire suite à l'article expliquant ce que veut dire responsive, je vous propose ici la partie technique, pour les créateurs de sites, pour travailler en mode responsive.

A une époque, faute de technologies permettant de faire du responsive webdesign, on faisait des sites "statiques" avec beaucoup de dimensions "fixes", en pixels. Il y a eu une période également où il était courant de proposer un site web et un site mobile qui étaient indépendants en termes de développement / design / contenu / gestion... Ça se fait toujours, MAIS...

Désormais nous avons la technologie CSS3 media queries qui permet de travailler sur un seul site et de rendre celui-ci adaptable et responsive.

Il n'y a pas qu'une seule méthode pour obtenir un site responsive, mais je vais essayer de résumer ici les méthodes que j'utilise personnellement.

Au sommaire :

Lire la suite...

Publié le 04 Avr 2022
Dans Blog > Webdesign

Responsive : qu'est-ce que c'est au juste ?

Vous l'avez entendu, vous l'avez peut-être déjà tenté dans une phrase ou dans un cahier des charges, vous allez enfin savoir ce que veut vraiment dire Responsive.

Parmi les termes webdesign un peu techniques qu'on a envie de placer ou qu'on nous a fortement conseillé "d'y faire attention", mais sans être certain de ce que ça signifie vraiment, il y a le fameux RESPONSIVE.

Responsive, ça veut dire quoi ?

Quand on parle de "responsive" on parle de web design. Un site au design responsive c'est un site sur lequel les élements du design vont savoir répondre à toutes tailles d'écran et donc à tous les appareils (mobile, tablette, ordinateurs portables et ordinateurs de bureau, écran télé...)

Le site responsive sera correctement interprêté par tous navigateurs et tous les appareils existants sur cette planète et au-delà ;)

Il y a même un mot français pour le dire, c'est le site "réactif". Et en effet, cela décrit assez bien l'effet, car le site va être réactif à la taille de la fenêtre dans laquelle il est affiché. Si vous redimensionnez la fenêtre du navigateur, le design et les éléments du site vont réagir et s'adapter au contenant. C'est d'ailleurs tout simplement comme ça que je teste les sites pour commencer : en réduisant et augmentant la taille de la fenêtre du navigateur.

Lire la suite...

Publié le 07 Mar 2022
Dans Blog > Webdesign

Vous l'avez entendu, vous l'avez peut-être déjà tenté dans une phrase ou dans un cahier des charges, vous allez enfin savoir ce que veut vraiment dire Responsive.

Parmi les termes webdesign un peu techniques qu'on a envie de placer ou qu'on nous a fortement conseillé "d'y faire attention", mais sans être certain de ce que ça signifie vraiment, il y a le fameux RESPONSIVE.

Responsive, ça veut dire quoi ?

Quand on parle de "responsive" on parle de web design. Un site au design responsive c'est un site sur lequel les élements du design vont savoir répondre à toutes tailles d'écran et donc à tous les appareils (mobile, tablette, ordinateurs portables et ordinateurs de bureau, écran télé...)

Le site responsive sera correctement interprêté par tous navigateurs et tous les appareils existants sur cette planète et au-delà ;)

Il y a même un mot français pour le dire, c'est le site "réactif". Et en effet, cela décrit assez bien l'effet, car le site va être réactif à la taille de la fenêtre dans laquelle il est affiché. Si vous redimensionnez la fenêtre du navigateur, le design et les éléments du site vont réagir et s'adapter au contenant. C'est d'ailleurs tout simplement comme ça que je teste les sites pour commencer : en réduisant et augmentant la taille de la fenêtre du navigateur.

Lire la suite...

Publié le 07 Mar 2022
Dans Blog > Webdesign

404, la page détail qu'on adore

Vous en avez forcément déjà croisé, la page d'erreur 404, c'est tout un concept !

La 404 qu'est-ce que c'est ?

404 c'est le code d'erreur HTTP qui survient quand la page web que vous essayez d'atteindre depuis votre navigateur est introuvable.

404 - Not found

Cela peut être dû à une erreur dans l'URL entrée dans la barre d'adresse (faute de frappe...), une erreur dans le lien cliqué, ou bien la page répertoriée ou liée a été supprimée ou déplacée vers une autre adresse (déménagement, refonte du site...). La page recherchée peut aussi être temporairement indisponible tout simplement.

Euh... mais pourquoi parler de ça ?

Parce qu'on a la chance de pouvoir gérer ce problème facilement et ce n'est pas seulement utile (voir nécessaire), c'est aussi tout un concept !

Lire la suite...

Publié le 02 Fév 2022
Dans Blog > Webdesign

Vous en avez forcément déjà croisé, la page d'erreur 404, c'est tout un concept !

La 404 qu'est-ce que c'est ?

404 c'est le code d'erreur HTTP qui survient quand la page web que vous essayez d'atteindre depuis votre navigateur est introuvable.

404 - Not found

Cela peut être dû à une erreur dans l'URL entrée dans la barre d'adresse (faute de frappe...), une erreur dans le lien cliqué, ou bien la page répertoriée ou liée a été supprimée ou déplacée vers une autre adresse (déménagement, refonte du site...). La page recherchée peut aussi être temporairement indisponible tout simplement.

Euh... mais pourquoi parler de ça ?

Parce qu'on a la chance de pouvoir gérer ce problème facilement et ce n'est pas seulement utile (voir nécessaire), c'est aussi tout un concept !

Lire la suite...

Publié le 02 Fév 2022
Dans Blog > Webdesign

Utilisation de photos, droits d'auteur et copyright trolling... Faisons le point

Vos devoirs et vos droits en matière d'utilisation de photos sur votre site ou pour votre communication

Lors de la création de votre site, j'explique souvent que si vous n'avez pas de photos vous appartenant, nous pouvons en sélectionner de magnifiques sur des sites pro et en acheter les licences d'utilisations. J'insiste d'ailleurs souvent un peu sur le fait d'utiliser des photos PRO pour plusieurs raisons, j'en ai déjà fait un article ici : LES PHOTOS (PRO) POUR VOTRE SITE

Mais ce n'est pas seulement une question esthétique et de "bon goût", c'est aussi une question de droit(s) !

Lire la suite...

Publié le 05 Oct 2021
Dans Blog > Webdesign

Vos devoirs et vos droits en matière d'utilisation de photos sur votre site ou pour votre communication

Lors de la création de votre site, j'explique souvent que si vous n'avez pas de photos vous appartenant, nous pouvons en sélectionner de magnifiques sur des sites pro et en acheter les licences d'utilisations. J'insiste d'ailleurs souvent un peu sur le fait d'utiliser des photos PRO pour plusieurs raisons, j'en ai déjà fait un article ici : LES PHOTOS (PRO) POUR VOTRE SITE

Mais ce n'est pas seulement une question esthétique et de "bon goût", c'est aussi une question de droit(s) !

Lire la suite...

Publié le 05 Oct 2021
Dans Blog > Webdesign

::selection, la propriété css qui fait la diff

La qualité réside souvent dans les détails, en webdesign la propriété CSS de selection en est un bon exemple (parmi d'autres évidemment)

Je ne sais pas si vous faîtes ça aussi, mais il m'arrive régulièrement de sélectionner des mots ou phrases sur les sites internet lorsque je navigue. Cela me permet de surligner un mot sur une page et de pouvoir y revenir si j'ai tourné la tête 30 secondes ou bien de faire des copier-coller de mots ou de phrases...

... et parfois je sélectionne des trucs au hasard pendant que je bug ou que je suis au téléphone, BREF.

Un jour j'ai découvert avec surkiffance que la phrase que je venais de sélectionner était dans une autre couleur que ce bleu habituel que l'on retrouve tout le temps sous windows !

Lire la suite...

Publié le 15 Sept 2021
Dans Blog > Webdesign

La qualité réside souvent dans les détails, en webdesign la propriété CSS de selection en est un bon exemple (parmi d'autres évidemment)

Je ne sais pas si vous faîtes ça aussi, mais il m'arrive régulièrement de sélectionner des mots ou phrases sur les sites internet lorsque je navigue. Cela me permet de surligner un mot sur une page et de pouvoir y revenir si j'ai tourné la tête 30 secondes ou bien de faire des copier-coller de mots ou de phrases...

... et parfois je sélectionne des trucs au hasard pendant que je bug ou que je suis au téléphone, BREF.

Un jour j'ai découvert avec surkiffance que la phrase que je venais de sélectionner était dans une autre couleur que ce bleu habituel que l'on retrouve tout le temps sous windows !

Lire la suite...

Publié le 15 Sept 2021
Dans Blog > Webdesign
Pages : 12

À lire aussi...

17
Déc
2021
Chers amis, clients, famille, collaborateurs, internautes, futurs clients, lecteurs, personnes qui passent ici par hasard, ou pas, et sans oublier les autres...
Lire l'article
15
Nov
2021
Aujourd'hui je vous propose une idée cadeau : Les aventures loufoques de Bomaros le Séquane
Lire l'article
21
Oct
2021
Visibilité, référencement, (e-)réputation... Les avis clients, un essentiel pour la communication de votre entreprise
Lire l'article
05
Oct
2021
Vos devoirs et vos droits en matière d'utilisation de photos sur votre site ou pour votre communication
Lire l'article
27
Sept
2021
Les avantures loufoques de Bomaros le Séquane, c'est une série de livres à lire sans modération !
Lire l'article

VOIR TOUTES LES ACTUS

clarisse-b.net © 2022 - mentions légales