http://www.html5-css3-pense-bete.fr/
Related: Système d'information de gestion SIG STMG • HTML/CSS • htmlL’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 ? 20 Superbes Thèmes WordPress Gratuits dont vous me Direz des Nouvelles Note : Cet article a été publié en avril 2012, certaines choses peuvent avoir changé depuis. Les thèmes WordPress gratuits ont du succès, c’est incontestable. Cependant les listes que l’on peut trouver sur internet ne contiennent généralement pas de thèmes gratuits ET de qualité. Sur WP Themes Pro, je veux faire tout le contraire. C’est à dire vous trouver des thèmes WordPress gratuits de qualité pour vos projets. Je comprends que tout le monde n’est pas prêt à investir dans un thème premium immédiatement; surtout si l’on débute avec WordPress.
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. 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
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".
22 portfolios de webdesigners, graphistes et créatifs L’heure est venue de faire le point sur les grandes tendances en matière de portfolios en ligne. Flat design, responsive, animations, illustrations, photos, quels sont les univers et les technologies utilisées par les créatifs ? Souvenez-vous, la dernière sélection de portfolios sur le blog date d’avril. Il est temps de voir comment les choses ont évoluées et prendre la température créative des webdesigns.