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 :

• Le viewport en une balise
• Moins de px, plus de %
• Les max-width
• Les media queries
• Traitement des images
• Un peu de jQuery / javascript
• On peut aussi optimiser avec du PHP

Lire la suite...

NOUVEAU ! Je propose désormais la réalisation d'applications mobile !

Suite à une commande pour la création d'une appli à découvrir très prochainement, je propose désormais la réalisation d'applications mobile.

En Progressive Web App (PWA) ou en natif pour Android ou iOS, n'hésitez pas à me contacter pour parler de votre projet !

Nous étudierons ensemble la faisabilité, vos objectifs, les fonctionnalités attendues, votre public cible...

Une petite description du nouveau service est disponible sur la page Développement de mon site et, bien sûr, pour toutes informations complémentaires ou toutes demandes, je reste disponible sur le chat en bas de page, par téléphone ou par mail, ou encore sur ma page Contact

Sens du détail mais aussi utiles pour votre référencement et votre communication web.

Parmi les petites choses quasi invisibles qui se cachent derrière votre site web, il y a (notamment) les données Open Graph.

Qu'est-ce que c'est ?

Lorsque vous publiez le lien de votre site sur facebook, cela vous propose un encart avec une image de votre site, le nom du site, une courte description...  On pourrait aisément croire que ceci est fait automatiquement par Facebook : mais non !

Lire la suite...

C'est en ligne depuis hier, le nouvel espace gestion des adhérents du SLA !

Un projet de taille et super intéressant, conception, design et développement d'une interface complète pour faciliter la vie des administrateurs du Syndicat des Loisirs Actifs (SLA) !

• Système de comptes adhérents
• Inscription en ligne
• Création et gestion des factures
• Messagerie interne
• Agenda des événements...

Les adhérents vont aussi pouvoir gérer leurs comptes en autonomie et les admins vont pouvoir mieux suivre, organiser et communiquer.

EN SAVOIR PLUS SUR LA REALISATION