background preloader

Tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery

Tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery

http://www.html5-css3-pense-bete.fr/

Related:  Système d'information de gestion SIG STMGHTML/CSShtml

L’Open Data, l’ouverture des données pour de nouveaux usages Autocollants utilisés par les militants des données ouvertes. Photo de Jonathan Gray [CC0], via Wikimedia Commons 1. L'ouverture des données Les données : une mine d'or Aide mémoire pour Bootstrap Twitter Bootstrap est une collection d'outils utile à la création de sites web et applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.Cette plate-forme a été conçue par deux développeurs faisant partie de la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto et Jacob Thornton (@mdo et @fat).Ce site utilise un modèle basé sur Bootstrap. Cette page a pour objectif de lister les différents éléments gérés par Bootstrap pouvant être intégrés dans les pages et les articles utilisant ce modèle. La page est divisée en 12 colonnes.Pour écrire sur deux colonnes : <div class="row"><div class="col-lg-6"> Première colonne </div><div class="col-lg-6"> Deuxième colonne </div></div>

Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français. Trouvez-vous qu’il est difficile d’en trouver un dans votre ville ? Si vous en organisez un, présentez-le dans les commentaires de ce billet et sait-on jamais, cela pourrait être utile ! Menu déroulant en CSS Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration. Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Quel est l'impact environnemental d'Internet ? L’utilisation d’Internet est-elle bonne pour l’environnement ? Aujourd’hui, le Web et les nouvelles technologies digitales font partie intégrante de nos sociétés. À tel point qu’il est aujourd’hui difficile de se passer du net, des moteurs de recherche, et de son ordinateur.

Apprendre à créer une grille Bootstrap Twitter Le système de grille est le coeur de BOOTSTRAP twitter. Bootstrap Twitter considère qu'une ligne .row fait 12 colonnes. L'idée d'un responsive design c'est de dire que pour telle taille d'écran un élément occupe X colonne(s). Boostrap Devices Bootstrap twitter prend en charge 4 types de format: Index des balises HTML Structure Sections Références Cadres Listes La boîte à outils ultime pour le responsive design Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables… Le responsive design est relativement récent et les choses bougent très vite.

L'impact environnemental de nos usages digitaux eMag SUEZ Alors que 40% de la population mondiale a aujourd’hui accès à Internet, et que l’on estime à 90% cette proportion d’ici 20 ans , les médias en ligne e-rse et greenIT ont récemment publié une infographie qui rappelle que ces nouveaux usages ne sont pas neutres pour l’environnement. Retour sur les données clés en la matière et sur les perspectives de responsabilisation. Des forêts préservées grâce à une baisse de la consommation de papier, moins d’essence consommée puisqu’avec les commandes en ligne il n’est plus nécessaire de se déplacer : les bénéfices pour l’environnement de l’utilisation d’internet dans notre vie courante semblent évidents. Pourtant, la fabrication et l’utilisation de nouvelles technologies ont un impact bien souvent ignoré.

Bootstrap de Twitter : un kit CSS et plus ! Version en ligne Table des matières Bootstrap de Twitter : un kit CSS et plus ! Vous créez des pages web et vous passez beaucoup de temps avec le CSS ? Alors Bootstrap est fait pour vous et ce cours va vous guider dans la découverte de cette puissante boîte à outil. Bootstrap est un framework qui peut rendre votre vie de plus facile pour créer l'architecture d'une page web. Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design".

Se souvenir des balises Web quand on développe est souvent difficile surtout quand on ne pratique pas tout le temps certains langages de programmation. Ouf ! il existe des fiches pour se simplifier la vie … et aussi pour découvrir des balises & expressions souvent méconnues. Voici quelques fiches sur l’HTML, CSS, PHP, Mod rewrite et SEO que vous pouvez enregistrer (image jpeg – clic droit sur l’image puis « enregistrer sous »), vous verrez c’est très pratique. Si vous aimez n’oublier pas de faire un like. Voir aussi le PDF : SEO_Web_Developer_Cheat_Sheet Outils en ligne pour apprendre : 10 fiches pratiques d’utilisation Des fiches pratiques sur les outils Web pour le développement organisations (entreprises, associations et institutions), c’est ce que propose nouvellement le CRRIDEC – Centre régional de recherche et d’intervention en développement économique et communautaire (Université de Hearst, Ontario, Canada) sous la forme de fiches pratiques et guides en libre téléchargement. Les fonctions essentielles de services sont ainsi présentés, avec synthèse et avec des captures d’écran légendées pour en faciliter une compréhension rapide. Il s’agit d’une sélection d’outils en ligne pour communiquer, échanger, apprendre, organiser, modéliser et stocker. Chaque fiche pratique de service mentionne l’intérêt de son utilisation en mode pédagogique.

→ 7 Outils pour créer un template Bootstrap Partage Tweet Email Découvrez une sélection de 20 outils gratuits et premium qui vous permettront de concevoir facilement et rapidement des templates Bootstrap. Ces outils vous proposent de créer votre propre mise en page HTML/CSS avec Twitter Bootstrap. Vous pourrez dessiner votre template bootstrap comme vous le souhaitez en faisant glisser les éléments sur la page avec un drag and drop.

Related: