2 solutions de Responsive Tables en CSS & JavaScript

Vous avez décidé de faire un site en Responsive Design pour qu’il s’adapte automatiquement à la largeur d’écran et donc fonctionne correctement sur tablettes et smartphones. Il est plein de contenu et de liens optimisés pour votre référencement.

Vous utilisez donc une grille flexible, des images flexibles et du code CSS3 Media Queries pour adapter l’emplacement des éléments dans vos pages.

Et là c’est le drame ! Vous devez afficher un tableau de données de 12 colonnes dans vos site Responsive. Comment faire ? Les tableaux, ça ne se linéarise pas très bien (pas du tout même) et en l’affichant partiellement, vous risquez de masquer tout votre contenu optimisé et de limiter votre précieux référencement.

Je vous propose donc deux solutions utilisables pour vos projets sans nuire à l’accessibilité et l’indexation des données de votre tableau.
Continuer la lecture de 2 solutions de Responsive Tables en CSS & JavaScript

Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

Récapitulons : les langages HTML et CSS sont les langages les plus connus. Tous les développeurs ont déjà regardé comment fonctionne le code HTML et les feuilles de style pour apprendre à créer un petit site web.

Au début on fait des copier coller et en bidouillant un peu le code et on arrive, sans tout comprendre, à faire fonctionner la page. Et puis on apprend que les tableaux de présentation c’est le mal et enfin on essaye de ne pas attraper la maladie de la divite aigüe.
Bref, on arrive à créer de petits sites mais on a toujours l’impression de faire du bricolage.

Vient enfin l’instant fatidique où l’on vous demande de travailler sur un gros site web d’entreprise. Un site comportant un nombre important de pages. Un site professionnel avec beaucoup de fonctionnalités métiers. Vous vous dîtes qu’il va falloir partir sur une architecture solide et arrêter le bricolage !

Côté serveur, pas de problème : vous maîtrisez votre technologie et vous savez déjà comment industrialiser votre code.
Côté client, c’est une autre affaire !
Vous avez lu pas mal d’articles expliquant comment écrire du code HTML sémantique, comment positionner vos éléments avec du CSS mais vous ne savez pas comment démarrer votre site pro. En même temps, vous avez entendu parler de framework CSS, de responsive design, de CSS orienté objet et de grille.

Pas de panique, Kiwano vous propose un tour rapide des éléments à prendre en compte si vous démarrer un gros site web.
Ensuite nous verrons comment batir une architecture HTML et CSS solide avec une bonne base HTML et un bon découpage des styles avec en cadeau une archive d’un template de base HTML5 CSS3 par Kiwano.
Enfin nous terminerons avec une liste de conseils.

html5+css3
Continuer la lecture de Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

Mensonges et vérités sur HTML 5 : ce qu’il faut savoir

Le futur sera HTML5 ! Partout on vous parle de ce nouveau standard du Web et vous envisagez de refondre votre site pour être à la mode en utilisant de l’HTML5, du CSS3 et du jQuery !

Mais HTML5 c’est quoi au juste ? HTML5 est un nouveau jeu de standards, d’objets sémantiques et de règles pour le développement de site web exploitant des nouvelles fonctionnalités dans vos navigateurs comme le mode offline, le lecteur vidéo et de nouveaux éléments pour l’interaction de vos sites.
Continuer la lecture de Mensonges et vérités sur HTML 5 : ce qu’il faut savoir