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:  SIGcréation site dreamweaverSystème d'information de gestion SIG STMGCode.... ou pas ?perso

Les plaquettes Tout ce que le Centre Régional Information Jeunesse Aquitaine vous propose en 2016 : Documentation, Animations, Services, Petites annonces d'emploi et de location, Information sur les politiques européennes. Ateliers emploi, conseils CV, simulations d'entretiens d'embauche, ateliers mobilité internationale, Journée Jobs d'été, etc … À télécharger au format PDF. Que vous soyez ressortissant européen ou non, étudiant ou jeune diplômé … l'essentiel de ce qu'il faut savoir pour pouvoir travailler en France se trouve dans cette plaquette d'information.À télécharger au format PDF. Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité

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 Comment enseigner le code : quelques exemples d’exercices Au delà des séquences d'explications ou des projets de code, il peut être intéressant de créer des petits exercices (ou des grands !) pour aider les enfants à s'exercer. Voici quelques pistes. Code à trou Reprenons ce que nous faisions dans d'autres matières comme les langues vivantes. Le code à trou reste un grand classique.

Créer un site d`entreprise de A à  Z 2/3 : Intégration HTML5 / CSS3 Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign. L’objectif de ce tutoriel assez long est d’offrir un cas pratique avec une réflexion derrière. En situation réelle pour une entreprise, comment se passe la réalisation d’un site Internet de présentation ? Par où commence-t-on et comment finit-on, voici ce que nous allons voir ensemble. Mais tout d’abord, une petite démo du rendu final : A lire avant de commencer

Le syndrome de l’obésiciel : des applications énergivores Toujours plus d’appareils connectés, toujours plus de données collectées… les logiciels n’échappent pas non plus aux besoins en énergie toujours croissants. Cet article est le 4e volet de Sciences du numérique et développement durable : des liens complexes. Dessin : Éric Drezet. Une enquête de 2014 montre que les possesseurs de smartphones ont en moyenne 35 applications installées, dont 11 seulement sont utilisées toutes les semaines et 12 ne le sont jamais (ce nombre est en augmentation par rapport à 2010). Les autres applications ne sont utilisées qu’occasionnellement. Cependant, toutes ces applications installées consomment des ressources de calcul et de stockage.

14 templates HTML5 gratuits Nouvelle fournée de ressources sur le blog : au programme du jour, 14 templates HTML5 à télécharger gratuitement. Pratiques lorsqu’on souhaite mettre rapidement un projet en ligne, certains templates peuvent littéralement vous sauvez la vie ou du moins vous faire économiser un bon nombre d’heures de travail. D’après moi, il sont à utiliser avec modération et si vraiment nécessaire. Un template fera très bien l’affaire pour un petit projet personnel par exemple, alors que pour les projets professionnels et personnalisés, mieux vaut se baser sur un bootstrap par exemple. Certains sympathiques webdesigners offrent un certain nombres de templates codés, prêts à l’emploi. HTML5, CSS3, Responsive webdesign, un concentré de technologies actuelles et tout ça gratuitement.

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. Voyageur du code ! LE CODE : concept de programmation (ressources, outils, concours....)Voyageur du Code ! En réponse au défi de l’alphabétisation numérique (digital literacy) et aux considérables besoins de l’économie française en emplois dans le secteur du numérique et des TIC, Bibliothèques Sans Frontières développe un programme de sensibilisation et de formation à la programmation informatique et au numérique : les Voyageurs du Code...Ici on apprend à coder et on construit une communauté de médiateurs numériques citoyens. Alors, prêt à se lancer dans l’aventure ? Le site Web : avec Code.org Ce cours de 20 heures présente base de l’informatique et les concepts de programmation. Le cours est conçu pour une utilisation dans les salles de classe pour les élèves de la maternelle à la 8, mais il est amusant d’apprendre à tous les âges.

Apprendre le HTML5 – Tutoriel Complet Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous. Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne. Le Langage SQL appliqué à Access SELECT...FROM....WHERE SELECT <Champ>, <Champ2>,...,... FROM <Relation> WHERE <Condition> * Remarque1 : <Relation> peut être une ou plusieurs tables ou requêtes. * Remarque2 : Si <Champ> est issu d'une seule table le nom du Champ suffit si ce n'est pas le cas l'écriture est la suivante Table.Champ ou Table. * Remarque3 : pour les Champs et les tables avec espaces <N° de client> utiliser les crochets [N ° de client]. * Remarque4 : Si la sélection porte sur tous les champs on peut utiliser SELECT * FROM....WHERE 1.1.1. Les attributs placés après l'instruction SELECT ▲ Ces attributs se plaçant avant l'énumération des champs, portent sur les enregistrements (tuples) eux mêmes.

50 Templates HTML5 de qualité à télécharger gratuitement Dernièrement la qualité des templates HTML5 gratuits à télécharger a augmenté drastiquement et leur nombre s’est multiplié. C’est une bonne chose pour vous qui êtes friands de ces ressources, que ce soit pour des projets rapides, pour apprendre ou pour avoir une base qui vous fera gagner du temps pour vos designs de sites. En général il n’est pas facile pour un webdesigner de trouver un template qui soit à la fois beau, intéressant et gratuit. La qualité de ces templates en HTML5 et CSS3 est assez impressionnante si on prend en compte le fait qu’ils soient téléchargeables gratuitement. Entièrement intégrés, certains sont même de véritables sites entiers avec des sections portfolios, réseaux sociaux, etc… Quelque fois responsives ou même avec des fonctionnalités en jQuery, basés sur un framework, on ne rigole plus aujourd’hui. Le site Creazy Leaf a fait une belle sélection de thèmes HTML5 que vous pouvez retrouver ici même :

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é.

Le "Code" ressources, concepts, outils, programmation... Lightbot offre un moyen facile pour les enfants à apprendre des concepts tels que boucles, si-alors, etc sans avoir à taper du code. Lightbot est un jeu de logique : un casse-tête dont le fonctionnement est basé sur des concepts de programmation. Lightbot apporte aux joueurs une meilleure compréhension des bases de l’informatique, comme les procédures, les boucles et les conditions, et ce, juste en aidant un robot à allumer des cases, au moyen de commandes. Applications payantes pour Ios et Android Voir en vidéo :

Related:  Ressources