background preloader

MOOC HTML CSS

Facebook Twitter

General Assembly lance Dash, une plateforme pour apprendre à développer en HTML, CSS, JS. Alors que General Assembly commence à délaisser le co-working en mettant davantage l’accent sur ​​la sensibilisation des entrepreneurs et des startups, la société vient de lancer un tout nouvel outil pour le grand public.

General Assembly lance Dash, une plateforme pour apprendre à développer en HTML, CSS, JS

Ce nouveau service est conçu pour aider plus de gens à profiter des cours de développement Web que la société dispense. Nommé Dash, ce programme interactif en ligne permet aux utilisateurs de prendre des cours en HTML, CSS et JavaScript directement dans leur navigateur, à travers une série de didacticiels interactifs sur une storyline. Ainsi, Dash arrive comme une alternative a des services anglophones plus connus tels que Codecademy, qui n’est qu’un exemple d’un vaste espace d’enseignement de la programmation informatique sur la toile.

Apprendre à coder, mais sur des exemples très concrets Autrement dit, à la fin du cours, les utilisateurs auront trois mini-sites et fonctionnant sous leur nom. Une prise en main simplifiée. Les espaces de noms en PHP. Développez votre site web avec le framework Symfony2. Concevez votre site web avec PHP et MySQL. Media Queries. Leçon 13: Les éléments flottants (les flottants) Un élément peut avoir une position flottante à droite ou à gauche avec la propriété float.

Leçon 13: Les éléments flottants (les flottants)

C'est-à-dire que la boîte et son contenu peut flotter soit à droite, soit à gauche dans un document (ou dans la boîte conteneur), cf. la description du modèle des boîtes dans la leçon 9. La figure suivante illustre le principe : Si par exemple nous voulions qu'un texte s'enroule autour d'une image, le résultant serait le suivant : Comment ça fonctionne ? Voici le code HTML de l'exemple précédent : <div id="picture"><img src="bill.jpg" alt="Bill Gates"></div><p>causas naturales et antecedentes, idciro etiam nostrarum voluntatum... Pour que l'image flotte à gauche et que le texte l'entoure, il suffit de définir la largeur de la boîte entourant l'image puis de donner à la propriété float la valeur "left" : Afficher un exemple Un autre exemple avec des colonnes Les flottants peuvent aussi servir pour le colonnage d'un document.

Afficher un exemple La propriété clear Afficher un exemple Résumé. Fonts. Handpicked free fonts for graphic designers with commercial-use licenses. Can I use... Support tables for HTML5, CSS3, etc. CSS Zen Garden: The Beauty of CSS Design. So What is This About?

CSS Zen Garden: The Beauty of CSS Design

There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file. CSS allows complete and total control over the style of a hypertext document. Participation Strong visual design has always been our focus. You may modify the style sheet in any way you wish, but not the HTML. Download the sample HTML and CSS to work on a copy locally. Benefits Why participate? Requirements Where possible, we would like to see mostly CSS 1 & 2 usage.

Luckily, designing this way shows how well various browsers have implemented CSS by now. We ask that you submit original artwork. This is a learning exercise as well as a demonstration. By Dave Shea.