Aide:Liste de caractères spéciaux Une page de Wikipédia, l'encyclopédie libre. L'ensemble de caractères pour HTML 4.01 est l'ISO 10646 Universal Character Set, qui est lié au jeu de caractères défini par Unicode. Les entités numériques décimales et hexadécimales des caractères sont le seul moyen universel de les entrer dans une page Wikipédia pour le moment. Noter qu'il est préférable de les écrire en décimal plutôt qu'en hexadécimal, vu que la prise en charge de l'hexadécimal par les navigateurs est plus récente. Elles seront néanmoins données ici en hexadécimal. Beaucoup de navigateurs sont seulement capables d'afficher un petit sous-ensemble du répertoire UCS complet. Les zones à usage privé ne contiennent pas les mêmes glyphes d'une police à l'autre et sont donc fortement déconseillés sur Wikipédia. Espaces fine et insécable[modifier | modifier le code] Alphabets[modifier | modifier le code] Caractères grecs[modifier | modifier le code] Caractères cyrilliques[modifier | modifier le code] Pour TeX, utiliser la police astro.
Simplifiez vos développements JavaScript avec jQuery Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous ! Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore ! N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Si vous lisez ces lignes, c'est parce que vous avez décidé d'aller plus loin dans vos développements Web.
Tutoriel - Creer un site avec Bootstrap de Twitter Découvrez comment il est possible de réaliser une interface Web de manière simple et la rendre compatible avec les différents types de support mobiles en utilisant Bootstrap de Twitter, qui repose sur un système de grille. Son avantage est qu'il permet également un gain de temps énorme en proposant des fondations prédéfinies pour vos projets, une normalisation de votre code en respectant les standards et des éléments graphiques loin d'etre négligeables. En plus de tout ceci, et c'est là l'objet de ce tutoriel, Bootstrap permet de faire rapidement et efficacement des structures de sites en Responsive Web Design, en d'autres termes de prendre en compte et d'adapter le contenu de votre site Web aux différents types d'appareils, mobiles ou non. Afin de profiter pleinement de toutes le joies que peut proposer Bootstrap, il est préférable d'avoir déjà de bonnes connaissances en CSS et une approche plus ou moins familière de JQuery et LESS. Voir la réalisation effectuée avec ce tuto <! <! <!
La compression vidéo pour le web Pour une diffusion à partir des plateformes de partage de vidéos en ligne, vous devez convertir vos montages vidéo dans un format adapté à une diffusion sur Internet. Afin de rendre la plus efficace cette conversion, voici quelques conseils pour réussir une compression vidéo pour le web. Quelque soit votre support d’enregistrement, les fichiers obtenus après votre prise de vue seront lourds et disposeront d’un format d’enregistrement du type .mts, .mov ou mp4 qui ne sera pas forcément détectable par les services de partage en ligne de vidéo. Codec : H.264:Codec développé dans le cadre du MPEG, Le H.264 est également appelé également AVC (Advanced Video Coding). En haute définition, 2 formats coexistent 1280 pixels de largeur x 720 pixels de hauteur ou 1920×1080 pixels.Le format SD ou standard correspond à 640 pixels de large. On peut résumer un « bit » à un morceau de l’information traitée par un ordinateur. Vimeo Dailymotion Youtube Easyhtml5video
Simplifiez-vous la vie avec LESS Le CSS est un langage déclaratif simple : la plupart du temps, on applique une valeur à une propriété. Mais de nos jours, avec le développement des attributs propriétaires (vous savez, les fameux -moz-*, -webkit-* et autres), le code se trouve dupliqué en de nombreux endroits. En voici un exemple typique : 1#foo { 2 -moz-border-radius: 10px; 3 -webkit-border-radius: 10px; 4 border-radius: 10px; De même, il est impossible d’imbriquer des sélecteurs en CSS : 2#foo { 3 bar { 4 color: #150; 6 baz::before { 7 content: '['; 9 baz::after { 10 content: ']'; 15#foo bar{ 16 color: #150; 18#foo baz::before { 19 content: '['; 21#foo baz::after { 22 content: ']'; Enfin, imaginons le cas où il vous faudrait définir une palette de couleurs pour votre site. Des gens intelligents se sont donc penchés sur la question, et en ont retiré l’observation suivante : « Nous devrions créer un langage dynamique capable de générer des feuilles de style que les navigateurs pourraient comprendre. » Ainsi naquit LESS.
Components Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible. How to use For performance reasons, all icons require a base class and individual icon class. Don't mix with other components Icon classes cannot be directly combined with other components. Only for use on empty elements Icon classes should only be used on elements that contain no text content and have no child elements. Changing the icon font location Bootstrap assumes icon font files will be located in the .. Change the @icon-font-path and/or @icon-font-name variables in the source Less files. Use whatever option best suits your specific development setup. Accessible icons Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters.
Les commentaires conditionnels pour Internet Explorer Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d'inclure dans une page (X)HTML, de manière valide, du code qui ne sera lu et interprété que par Internet Explorer, ou par l'une ou l'autre de ses versions. Techniquement, il s'agit de simples commentaires HTML, qui seront compris comme tels par la plupart des navigateurs. Cependant, le contenu de ces commentaires a une syntaxe spéciale, qui permet à Internet Explorer de savoir s'il doit interpréter le contenu du commentaire ou bien l'ignorer. Les commentaires conditionnels sont compris par Internet Explorer depuis la version 5.0 mais sont officiellement abandonnés à partir d'Internet Explorer 10. Syntaxe de base L'exemple le plus simple de commentaire conditionnel est le suivant: Rappel: un commentaire conditionnel ne peut être inséré que dans un document (X)HTML, et ne peut contenir que des instructions (X)HTML et non CSS. Exemple d'utilisation: Viser une version ou un éventail de versions
TUTO intégration html5 / css3 d'un portfolio minimaliste avec Dreamweaver CC, HTML 5, CSS 3 sur Tuto.com Voici la suite de la formation Photoshop consacrée à la création des maquettes des pages du site Internet Portfolio minimaliste. Cette 2ème partie sera consacrée à l'intégration HTML5 et CSS3 des maquettes Photoshop. Voici le programme de ce tuto : Page d'accueil : Mise en place d'un moteur de recherche animéEffet d'opacité sur les icônes des réseaux sociauxCréation du menuMise en place d'un slider aux couleurs du siteMise en place des derniers articles à afficher sur la page d'accueilInstallation d'un carrousel pour lister vos clientsCréation du footer Page A propos : Mise en place d'un sliderInstallation de barres de compétences animéesMise en place d'un carrousel pour afficher les membres de l'équipeCréation d'un sidebar et mise en place des éléments qui la constitue (dernier article, dernier projet, newsletter...) Page portfolio : Installation d'un portfolio filtrable fluideEffet au rollover sur les images avec icône superposée Page Singleportfolio : Page blog : Page SingleBlog :