Codes couleur HTML Tableau de couleurs HTML Cliquez sur n’importe quelle couleur pour obtenir son code HTML. Sélection de couleurs HTML Faites glisser horizontalement le curseur pour choisir la couleur, puis cliquez sur le carré des couleurs sur la gauche pour obtenir le code HTML désiré. Théorie des codes couleur HTML Vous vous demandez donc « Cette étrange combinaison de lettres et de chiffres a-t-elle un sens ? Formats de codes HTML : Chaque code HTML contient le symbole "#" et 6 lettres ou chiffres. Signification des symboles : Les deux premiers du code couleur HTML représentent l’intensité de la couleur rouge. 00 est le minimum, est FF le plus intense. Exemples :#FF0000 - Avec ce code HTML, nous demandons au navigateur d’afficher un maximum de rouge, et ni bleu ni vert. #00FF00 – Ce code HTML affiche du vert, sans bleu ni rouge. #0000FF - Ce code HTML affiche du bleu, sans rouge ni vert. #FFFF00 – Combinaison de rouge et vert donne du jaune : Soutenez ce site web
Créer au Féminin - Nouveaux portraits De caractère autonome et indépendant, Gisèle VENERUZ aime être son propre chef et se définit volontiers comme très travailleuse. Avec toutefois ce côté rêveur et original qui lui fait prendre des risques. Elle est avant tout passionnée de stylisme. Originaire de la région de Liège (Belgique), Gisèle est diplômée en styliste-modéliste de l’Helmo mode de Liège et a suivi le cursus BA Fashion à la Conventry University en Angleterre. Après 2 stages comme assistante styliste, elle occupe un poste de collaboratrice de vente dans un magasin de vêtements. Parallèlement, elle suit des cours du soir pour devenir chef d’entreprise afin de pouvoir se lancer comme indépendante et exercer pleinement sa passion pour le stylisme. « Tout en gardant mon travail de collaboratrice de vente qui me permet de payer mes factures » précise Gisèle, prudente. Gisèle apprécie d’être entrepreneure. « Je travaille à la maison, je fais ce qui me plaît, dans la branche qui me convient parfaitement ».
Derniers ajouts DTC Sur le blog → Commentaires Derniers ajouts ← Page précédente (page / 607) Page suivante → V: Putain ! #13494 - Votez : (+) 4109 (-) 408 0 - <3 - 2 commentaires mb06cs: Au fait, ça va avec ton chéri ? #13493 - Votez : (+) 3484 (-) 268 0 - <3 - 2 commentaires <Tastymonster> Dis, tu rentre comment de la fête de Julie toi? #13492 - Votez : (+) 4697 (-) 207 0 - <3 - 7 commentaires Arnaud: Yes, I AM ! #13491 - Votez : (+) 2840 (-) 405 0 - <3 - 3 commentaires <j0l1fl0r3> "X est maintenant célibataire. 52 personnes aiment ça." #13490 - Votez : (+) 3603 (-) 271 0 - <3 - 2 commentaires P: Mec, jcrois bien que je commence à déconner là.Q: ...P: Ben, plutôt que de regarder ma montre pour avoir l'heure, j'ai lancé Diablo III.Q: La semaine passée au mariage de Ben, tu as vomi dans la voiture des parents de ta copine, t'es élève libre parce que tu as seché trop de cours, et tu te stresses parce que tu te sers de Diablo comme montre? #13489 - Votez : (+) 3285 (-) 273 0 - <3 - 2 commentaires Benji: hey ! Sur le blog
Introduction à la balise video de HTML5 L'élément <video>, cousin de <audio> offre en HTML5 une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas (iOS par exemple avec iPhone, iPod, iPad…) Balise Syntaxe générale La syntaxe de base de la balise video est extrêmement simple : <video controls src="video.ogv">Ici la description alternative</video> L'attribut src définit bien entendu l'adresse du fichier vidéo, tout comme pour la balise img lorsqu'il s'agit d'une image. Sources multiples On peut également proposer plusieurs sources dans plusieurs formats différents en indiquant les types MIME grâce à l'attribut type : <video width="400" height="222" controls="controls"><source src="video.mp4" type="video/mp4" /><source src="video.webm" type="video/webm" /><source src="video.ogv" type="video/ogg" /> Ici l'alternative à la vidéo : un lien de téléchargement, un message, etc.
Devenir fasciste, avec la confusion, c’est possible ! Le journaliste antifasciste Yannis Youlountas décrit avec humour et par étape le processus qui amène certainEs à se jeter dans les bras de l’extrême droite, à confondre lutte sociale et posture, pensant ainsi s’opposer au « système » alors qu’ils ne font que se trouver de nouveaux maîtres. D’une étape à l’autre, par dépit, ignorance et/ou paresse, ils ou elles veulent croire aux mirages vendus par les groupes nationalistes et racistes (« l’extrême droite n’existe pas », « l’intolérance c’est les autres », « on nous cache tout », etc.) qui leur permet de justifier leur propre intolérance et leur vision simpliste du monde, sans jamais finalement remettre en question les fondements des rapports de domination de la société capitaliste. Certain-e-s de tes ami-e-s ont dérivé vers l’extrême droite ces dernières années ? Pour faire pareil, c’est très simple. Il suffit de suivre les étapes de ce protocole. 1.
Comment indiquer la langue d’un contenu en HTML? Il est important sur une page web d’indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d’indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux de synthèse vocale. Par exemple, un lecteur d’écran a besoin de connaitre la langue du contenu pour pouvoir le lire correctement, quand cette langue diffère de ses paramètres par défaut. Indiquer la langue de traitement On commencera par veiller à ce que chaque page HTML ait un attribut lang sur l’élément racine, qui indique la langue principale de la page. Mettons que notre page est en français: Ensuite, pour chaque contenu dont la langue diffère de celle indiquée sur l’élément racine, on va utiliser l’attribut lang pour indiquer le changement de langue. <blockquote><p> Ça va plus du tout. <p><cite lang="en">Blade Runner</cite> est une adaptation du roman <cite lang="en">Do Androids Dream of Electric Sheep? Content-Language: fr-FR
22 coiffures pour filles paresseuses 1. Un chignon en 20 secondes : séparer, nouer, tourner et accrocher. 2. Pour des boucles rapides, faites-vous une queue de cheval puis divisez pour mieux régner. Vous n’avez besoin que de diviser en deux ou trois parties. 3. Si vous savez que vous n’allez pas avoir le temps de prendre une douche, et encore moins de vous laver les cheveux le matin, appliquez votre shampoing sec la veille au soir. [Source: A Cup of Jo] 4. 5. Regardez le tutoriel vidéo ici. 6. C’est aussi un excellent moyen d’obtenir des boucles souples, si vous avez les cheveux longs. 7. Pimentez votre headband avec cette coiffure super facile. 8. Massez simplement votre chevelure avec votre après-shampoing habituel et couvrez-vous la tête avec un bonnet de douche. 9. Tordez vos cheveux en chignon, soulevez quelques mèches de cheveux sur le côté, et rentrez les sous le chignon. 10. La majorité du sebum provient du cuir chevelu, donc vous lavez la graisse causant le manque de volume deux fois plus rapidement ! 11. 12. 13. 14.
Du bon usage des attributs alt et title sur les images et les liens Les attributs alt et title sur les images et les liens sont rarement utilisé à bon escient. Pourtant, leur usage est fortement recommandé, et leur compréhension essentielle. La théorie L'attribut alt alt doit être présent sur toutes les images, même s’il peut rester vide (pour les images purement décoratives). L'attribut title title, quant à lui, peut être utilisé sur les liens, pour apporter une information nécessaire à la bonne navigation du visiteur et supplémentaire à l'intitulé du lien. La pratique Incorrect : Le title n’apporte pas une information supplémentaire, il est redondant avec l’intitulé du lien. Incorrect : L’alt contient bien plus d’information que l’image n’en porte. <a href="index.htm"><img src="accueil.gif" alt="Puce décoration">Accueil</a> Incorrect : Une puce personnalisée est une image purement décorative, le alt devrait être vide. Incorrect : Alt ne doit pas être placé sur <a>. Correct : Nul besoin d’apporter plus d’information que nécessaire.
« Anarchiste », « libertaire » : appellations peu contrôlées, par Jean-Pierre Garnier (Le Monde diplomatique, janvier 2009) Pendant longtemps, les termes « anarchiste » et « libertaire » ont été indissociables aux yeux des militants, qui les revendiquaient pour définir leur positionnement dans le champ politique, ou, plus exactement, en dehors et en rupture avec lui dès lors qu’il était confondu avec la scène politicienne. Il en allait de même pour ceux qui les combattaient ou les réprouvaient : outre les gardiens officiels de l’ordre bourgeois, les membres des autres partis, de gauche ou de droite, les journalistes de toutes obédiences et l’« opinion publique » formatée par les uns et les autres s’accordaient à mettre anarchistes et libertaires dans le même sac. De nos jours, cette association de mots n’a rien perdu de sa pertinence pour les intéressés, même s’ils tiennent à préciser, comme ils l’ont toujours fait, en quoi et pourquoi ces dénominations ne sont pas pour autant synonymes. « Chaos nihiliste » prétendent les adversaires, « ordre sans le pouvoir » répondent les partisans
Géolocalisation en HTML5 Tutoriel issu de ma présentation à la KiwiParty 2011. La géolocalisation fait partie des API gravitant autour de HTML5 (Geolocation API Specification) et des nouvelles fonctionnalités introduites par la mobilité. Ses usages sont nombreux et souvent corrélés avec des bases de données de renseignements géographiques : Plans/cartes, calculs de position et d'itinéraires Renseignements locaux en mobilité (points d'intérêts proches) Résultats contextualisés sur les moteurs de recherche Méta-informations jointes aux photos/vidéos De quelles informations a-t-on besoin pour se géolocaliser ? Dans l'espace, trois coordonnées sont nécessaires : Une quatrième coordonnée peut être prise en compte pour les puristes : le temps. L'API donne aussi accès lorsqu'il y a déplacement à la vitesse et à la direction (en ° par rapport au nord géographique). De quels moyens dispose un navigateur pour se géolocaliser ? Disponibilité de l'API ? L'API repose sur l'objet geolocation membre de navigator. Confidentialité <!
10 tentatives de réponse à 10 clichés sur l'anarchie On a beau être en 2018, on a beau avoir toute la culture à portée d’oeil et de doigt, grâce à l’Internet présent sur nos terminaux, beaucoup de personnes se représentent encore l’anarchie comme une sorte de secte peuplée de punks habillés de couleur sombre et qui crient « Ni Dieu ni maître » à tout bout de champ. Et pourtant : l’anarchie est un courant idéologique très moderne, bien qu’il soit né il y a plus de 150 ans. C’est l’une des clés pour comprendre le capitalisme, le colonialisme, la domination structurelle qui régit nos sociétés en somme, et en sortir. C’est une belle utopie qui a aussi des propositions concrètes. C’est pourquoi il est important de défricher un peu les clichés qui peuvent circuler sur elle. 1. Euh, non en fait. C’est donc une idéologie politique et un idéal de société « sans pouvoir » de certains sur d’autres. Mais le capitalisme est un système d’accumulation fondé justement sur la domination des uns sur les autres (ce que Marx a appelé l’exploitation). 2. 3. 4.
HTML5 : L'élément <datalist> Avec l'annonce d'HTML5, de grandes nouveautés accompagnent les formulaires. Ils peuvent enfin s'enrichir afin de s'adapter au plus près des nouveaux besoins. Ainsi l'élément <datalist> fait son entrée. Des suggestions de choix Inauguré avec la vague HTML5, <datalist> est un élément de formulaire permettant de lier une liste de choix à un élément input. Il est voué à fournir des fonctionnalités d'auto-complétion ou d'auto-suggestion, dans un formulaire classique ou un champ de recherche, voire à d'autres éléments d'entrée, tels que les nouveaux types <input type="range">. Par défaut, <datalist> demeure invisible. Compatibilité navigateur de l'élément <datalist> Un navigateur ne supportant pas l'élément n'affichera aucune suggestion. Utilisation classique Dans la majorité des situations, il sera utile d'associer un champ d'entrée texte <input type="text"> à une liste de suggestions. Démonstration Aperçu sous Internet Explorer 10 Utilisation multiple Démonstration Alternative vers <select>
L'instrumentalisation de l'antifascisme Le premier juin, j’apprenais, stupéfait, l’annulation des projections en salle du film documentaire militant Dédale, un fil vers la démocratie. Cet événement, suite logique de toute une série d’autres faits similaires, était l’événement de trop : il me fallait enquêter sur cette mouvance antifasciste. Je voulais comprendre qui étaient ces (prétendus) antifascistes et pourquoi ils s’en prenaient systématiquement à des personnalités qui combattent l’oligarchie, l’impérialisme, les guerres néo-coloniales et qui, de façon générale, luttent courageusement pour un monde plus juste. Ces atteintes violentes à la liberté d’expression et à l’honneur de ces personnalités était tellement incohérentes qu’il me fallait enquêter pour comprendre et trouver un sens à cette sombre cabale. Le 6 juin, dans une étrange synchronicité, l’actualité me rattrapait avec la mort tragique du jeune Clément Méric, militant antifasciste, tué durant une bagarre de rue contre des skinheads. Histoire de l’antifascisme
Les 5 mythes et vérités de HTML5 Les mythes Avec HTML5, mon site sera plus beau HTML5 dispose certainement d'un beau logo orange rayonnant inauguré par le W3C pour en faire la promotion, cependant il fonctionne toujours en osmose avec CSS pour régir l'apparence, la présentation, la disposition du contenu. Cela signifie donc que rien ne change par rapport aux précédentes versions de HTML : il vous faudra toujours jongler avec habileté entre CSS, les images issues de la maquette graphique, éventuellement des effets en JavaScript, du SVG, voire Canvas, pour construire le côté visuel d'un document ou d'une page web. Avec HTML5, mon site sera plus dynamique et réactif Là aussi, les mêmes arguments de conception entrent en jeu : sans JavaScript et l'API DOM, l'interactivité reste coite. HTML5 apporte donc des fonctionnalités, mais pas de "rapidité" au sens strict du terme. Avec HTML5, je devrai tout réapprendre depuis zéro Avec HTML5, je suis dans le Cloud Et si vous changez le doctype par <! Les vérités HTML5 est vaste