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 <! <! <!
An Introduction To Object Oriented CSS (OOCSS) - Smashing Coding Advertisement Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may argue that speed is king. Unfortunately, CSS seems to get somewhat overlooked in this area while many developers (for good reason) focus largely on JavaScript performance and other areas. In this post, I’ll deal with this often overlooked area by introducing you to the concept of object oriented CSS and how it can help improve both the performance and maintainability of your Web pages. The Principles Of OOCSS As with any object-based coding method, the purpose of OOCSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain. As described on the OOCSS GitHub repo’s Wiki page, OOCSS is based on two main principles. Conclusion
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.
CSS Length Explained When styling a web site with CSS you might have realised that an inch on a screen is not an actual inch, and a pixel is not necessarily an actual pixel. Have you ever figured out how to represent the speed of light in CSS pixels? In this post, we will explore the definition of CSS length units starting by understanding some of the physical units with the same name, in the style of C.G.P. The industrial inch (in) People who live in places where the inch is a common measure are already familiar with the physical unit. The device pixel Computer screens display things in pixels. Display pixel density, dots per inch (DPI), or pixels per inch (ppi) The physical dimension of a device pixel on a specific device can be derived from the display pixel density given by the device manufacturer, usually in dots per inch (DPI), or pixels per inch (PPI). The MacBook Air (2011) I am currently using comes with a 125 DPI display, so (width or height of one device pixel) = 1/125 inch = 0.008 inch = 0.02032 cm