Archives de
Catégorie : HTML CSS

HTML 5.2 is done, HTML 5.3 is coming

HTML 5.2 is done, HTML 5.3 is coming

The W3C has published the HTML 5.2 specification. Among the main features: The Payment Request API (facilitates web commerce), reducing risks. Browsers will act as an intermediary between the parties of a transaction. The allowpaymentrequest attribute is <iframe> , for integration with the Payment Request API. Concerning security : Content Security Policy (CSP). The CSP defines, for example, a mechanism by which Web developers can control the resources that a particular page can use. Accessible Rich Internet Applications (ARIA) help…

Lire la suite Lire la suite

Stylus, innovative stylesheet language

Stylus, innovative stylesheet language

Stylus is a dynamic stylesheet preprocessor language that is compiled into CSS. It aims to add functionality to CSS without breaking compatibility across web browsers. It does this using variables, nesting, mixins, functions and more. Stylus syntax is very flexible. You can use standard CSS syntax and leave the semicolon (;), colon (:) and even the ({) and (}) optional, making your code even more readable. Stylus does not provide new style options, but gives functionality that lets you make…

Lire la suite Lire la suite

Les icônes

Les icônes

1- Introduction Les usages des icônes sont multiples, elles peuvent être utilisées pour diriger vers des rubriques de votre site, pour agrémenter les titres ou les articles, pour créer des infographies…etc. On peut différencier plusieurs types d’icônes : l’icône contour, l’icône remplie, l’icône de glyphe, l’icône à plat (ou flat design icon), l’icône dessinée à la main, l’icône skeuomorphique, qui vise à reproduire le plus fidèlement possible la réalité et le favicon qui est une utilisation d’une icône pour représenter un…

Lire la suite Lire la suite

Charset

Charset

L’attribut Charset, c’est quoi ? L’attribut « charset » défini dans la balise <meta> elle-même située dans la balise <head> du code HTML, est une chaîne de caractères indiquant l’encodage qui doit être utilisé. Cette valeur doit correspondre à un nom d’encodage valide pour le Web. Unicode Unicode est un standard informatique qui permet des échanges de textes dans différentes langues, à un niveau mondial. Il est développé par le Consortium Unicode, qui vise au codage de texte écrit en donnant à…

Lire la suite Lire la suite

Les Flexboxs

Les Flexboxs

Pour la mise en page d’un site, les développeurs ont connu plusieurs méthodes : l’utilisation de tableau en HTML Puis le CSS a pris la place dans les années 2000 et on utilisait les propriétés « float » ou « inline-block ». Ces méthodes ont désormais largement fait la place à ce qu’on appelle maintenant « les Flexbox ». Flexbox : qu’est-ce que ca veut dire? Le module des boîtes flexibles, aussi appelé « flexbox », a été conçu comme un modèle de disposition unidimensionnel et comme une…

Lire la suite Lire la suite

BOOTSTRAP

BOOTSTRAP

« Build fast, responsive sites with Bootstrap » Voila la proposition de Bootstrap  » Créer rapidement des sites responsives ! » Si je veux faire cette exemple : Je vais devoir coder beaucoup beaucoup de CSS, pour que le titre soit centré avec un fond qui prend toute la page. Avoir trois containers alignés avec leur texte et surtout que ces trois containers passent l’un en dessous de l’autre à partir d’une taille d’écran plus petite… Boostrap va me permettre de faire cela…

Lire la suite Lire la suite

Veille Technologique sur les ANIMATIONS en CSS

Veille Technologique sur les ANIMATIONS en CSS

CSS animations allow you to create transitions between two formatting states. An animation is described by two things: properties specific to the animation on the one hand and a set of steps (keyframes *) which indicate the initial, final and possibly intermediate states on the other. *A keyframe in animation is a drawing or shot that defines the start and end points of any smooth transition. How to configure the animation? To create a CSS animation, you must use the…

Lire la suite Lire la suite