background preloader

WEB DESIGN

Facebook Twitter

Table des caractères ISO 8859-1 pour HTML. Entités nommées caractères spéciaux pour HTML Ces caractères spéciaux peuvent être représentés par "&" + "keyword" + ";".

Table des caractères ISO 8859-1 pour HTML

La casse est importante, à la difference des balises HTML *REMARQUE: Les caractères en rouge (avec *) ont un rendu différent sur Macintosh caractères ISO 8859-1 décimal Les caractères suivants peuvent être obtenus par &#nn; nn (en décimal) étant le code ASCII ISO 8859-1 (ASCII étendu). *NOTE: Les codes entre 128 et 159 (tout comme de 0 à 31) ne sont pas définis par ISO 8859-1 et pevent varier selon la platforme. Caractères ISO 8859-1 hexadécimal Les caractères suivants peuvent être obtenus par &#xhh; (hh en hexadécimal) Dans une chaîne Javascript on utilise la syntaxe \xE9 ou \u00E9 pour obtenir le caractère "é". Caractères courants avec équivalent URL encodé. URL Encoding. CSS 3.0 Text Rotation. CSS3 Preview Area CSS3.0 Rotation Text Rotation Browser Compatibility Text Rotation Mobile Compatibility.

CSS 3.0 Text Rotation

Hover.css - A collection of CSS3 powered hover effects. All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours.

Hover.css - A collection of CSS3 powered hover effects

Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. Licenses Hover.css is made available under a free personal/open source or paid commercial licenses depending on your requirements. To compare licenses please visit the Ian Lunn Design Limited Store and purchase a commercial license. Personal/Open Source For personal/open source use, Hover.css is made available under a MIT license: Use in unlimited personal applications Your application can't be sold Your modifications remain open-source Free updates Read full license. Animation Generator. Www.ssi.gouv.fr/IMG/pdf/Fiche_des_bonnes_pratiques_en_cybersecurite.pdf. Guide 2015 de la taille des images sur les réseaux sociaux. EDIT : le guide 2016 est disponible !

Guide 2015 de la taille des images sur les réseaux sociaux

Nous vous conseillons de le consulter pour accéder à des informations à jour. Toutes les tailles seront mises à jour régulièrement sur ce nouveau guide. Collections de polices «standard» pour le Web. Bien choisir ses polices : Standards et compatibles ? Ou bien exotiques et originales ? - Seen by Soon. La typographie est l’un des aspects essentiels de la direction artistique web, malheureusement elle se heurte à bien des contraintes : les polices ne sont pas standards suivants les utilisateurs et systèmes, il faut donc apprendre à composer avec les attentes du client, le souhait du DA et les impératifs techniques. 1 – Les polices standards Les polices systèmes les plus utilisées, que l’on retrouve sur la majorité des machines Windows et Mac sont les suivantes : A) POLICES SERIF LATINES Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit.

Bien choisir ses polices : Standards et compatibles ? Ou bien exotiques et originales ? - Seen by Soon

The WPDFD 800 Pixel Stakes. Webmaster - Les polices dans les pages web. Démos CSS3. ZONE CSS - Les css et leurs relations avec les balises HTML et XHTML (définitions css V4.0) Sélecteurs d'attribut - CSS. Résumé Les sélecteurs d'attribut ciblent un élément en utilisant la présece d'un certain attribut ou de la valeur d'un attribut.

Sélecteurs d'attribut - CSS

[attr] -* Johan Jaccob Artwork *- FAQ JavaScript. Pour IE, il existe un attribut lors de l'ouverture des pop-ups qui peut préciser que la fenêtre doit être ouverte en plein écran : fullscreen=1.

FAQ JavaScript

Pour les autres navigateurs, ce code peut faire l'affaire : var fen = window.open('fenetre1.html','', 'toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0,fullscreen=0'); fen.moveTo(0,0); fen.resizeTo(screen.width,screen.height); Avec la venue du HTML5 et le fait de pouvoir mettre une vidéo (sans Flash) en fullscreen, les navigateurs commencent doucement à proposer des API pour faire du plein écran. Là où le W3C parle de la méthode requestFullscreen() avec un "s" minuscule à "screen", les navigateurs parlent de mozRequestFullScreen() et webkitRequestFullScreen() avec un "S" majuscule à "Screen" : Hover.css - A collection of CSS3 powered hover effects.

Design in the browser with web fonts and real content - Typecast. Button Maker. Sass - Syntactically Awesome Stylesheets. LESS « The Dynamic Stylesheet language. CSS Tools: Reset CSS. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

CSS Tools: Reset CSS

The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. LESS « The Dynamic Stylesheet language. Media Queries. Is it time to drop jQuery? Essentials to learning JavaScript from a jQuery background. jQuery has been a godsend to pretty much all of us front-end developers since it's release, it's intuitive methods, easy functions make light work of JavaScript's loosely typed language.

Is it time to drop jQuery? Essentials to learning JavaScript from a jQuery background

JavaScript is hard, it's hard to get into, it's much harder than jQuery. But the time is nearly here, going native is going to be the future of front-end - HTML5. HTML5 doesn't just mean a few extra HTML elements, if you're putting down on your CV/Resume that you know HTML5 because you've used the new elements, then think again! HTML5 covers such a mass of technology, and also alongside it comes ECMAScript 5, the future of JavaScript.

Combining HTML5 APIs, of which most require JavaScript, we need to adopt a more native structure of working as each day jQuery becomes less important, and here's why. Selectors Class selectors JavaScript had no native className method for grabbing elements with classes until fairly recent, which I feel has hindered it's popularity from the start. How Do You Structure JavaScript? The Module Pattern Edition. JavaScript is interesting in that it enforces no particular structure upon you.

How Do You Structure JavaScript? The Module Pattern Edition

"Bring Your Own Organization", if you will. As I write more and more JavaScript in web app sites, this becomes more and more interesting. How you structure your JavaScript is very important because: Done right, it makes code easier to understand for others and yourself re-visting your own code.Having a decided-upon structure helps keep future code clean and encourages your declared best practices.It makes your code testable. Before I go any further, let it be known that I am far from a master of JavaScript. This has been a topic in my mind lately because I've been writing a lot more JavaScript for CodePen, which is very JavaScript heavy.

Learning JavaScript Design Patterns. Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve.

Design patterns also provide us a common vocabulary to describe solutions. La gestion des cookies en JavaScript. Les cookies ont été inventés par Netscape afin de donner une "mémoire" aux serveurs et navigateurs Web. Animating CSS Shapes With CSS Animations & Transitions. Notes About Current Browser Support for CSS Shapes: The Shapes properties are still in flux at this time. Most of this article's demos use the shape-inside property, which will be temporarily removed from Webkit and Blink.

The principles of animating shapes is applicable to both CSS Shapes and CSS Clipping masks. All the demos in this article use clipping masks to visualize CSS Shapes. Hence, the shapes are animated as clipping paths as well. Inner Shadows In CSS: Images, Text & Beyond. Shadows in CSS are quick and easy, whether you’re slapping on a box-shadow or a text-shadow. But how comfortable are you with inner shadows? Can you pull off an inset box-shadow? CSS3 Filters: Altering HTML & Images With Just CSS. CSS3 Filters are a quite interesting offshoot from SVG, allowing you to modify HTML elements and images with blurs, brightness and a lot more.

In this quick tutorial we’ll go over exactly how they’re going to work. Pure CSS Buttons, Hover Effect & Active Pseudo-Element. You may remember the days when we used to lookout for custom image buttons. And for getting the hover and active states, we used to deploy JavaScript codes to change the image on hover and click. But there were issues of loading of three images for each state.

CSS Lists & Counters Module Level 3. Abstract This draft contains the features of CSS level 3 relating to list styling. It includes and extends the functionality of CSS level 2 [CSS21]. The main extensions compared to level 2 are a pseudo-element representing the list marker, and a method for authors to define their own list-styles. CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc.

The Secrets Of CSS 3D Transforms. CSS-Tricks: Info & Code (Not Just CSS) Snippets. 6 Methods For Vertical Centering With CSS. Centering elements vertically with css is something that often gives designers trouble. There are however a variety of methods for vertical centering and each is fairly easy to use. Today I want to present 6 of those methods. I’ve usually skipped over the topic of vertical centering, since there are some good posts already out there that are easy enough to find, but recently Bikram commented requesting a tutorial on vertically centering so I thought why not. How To Vertically Center Unknown Rows Of Content Inside A Fixed Container. One task css doesn’t make easy is centering objects vertically within their containers. Last summer I offered 6 methods for vertical centering to address that difficulty. The methods generally require knowing in advance the heights of the parent and child elements.

What do you do when the child element’s height isn’t known? A variation of this question was brought to my attention by Manuel who posed it in a comment on the vertical centering post mentioned above. I´d like to ask you about vertical centering a child element with a variable height. CSS Quick Tutorials. Tools & resources for web professionals These materials are copyright Western Civilisation Pty Ltd. CSS Positioning. Review the W3C CSS standard recommendation. To use CSS for layout effectively, it helps to know how it's used to position page content. This article gives an overview of the methods and rules that govern visual rendering in the CSS2 specification. It also points out some things to watch out for. How To Build A CSS3 Sliding Menu.

CSS Overlay Techniques. Can I use... Support tables for HTML5, CSS3, etc. 22 Experimental WebGL Demo Examples. Animate.css. 81,.35,.81,.35) ✿ cubic-bezier.com. Timing des animations et des transitions en CSS3. Keyframe Animation Syntax. Responsive Images. WordPress. Wordpress. Web Development. Les commentaires conditionnels pour Internet Explorer. Frameworks CSS. Twentytwenty. Responsive Webdesign. Responsive. Responsive Web Design. Gratuits JPG PSD AI.

HTML et CSS. La compression vidéo pour le web. Caractères spéciaux : entités html, code ascii et raccourcis clavier. - LOREM IPSUM Generator. Caractères spéciaux et entités HTML - Doc’ Alex. Aide:Liste de caractères spéciaux. Dave donut's portfolio. Prenez en main Bootstrap.