background preloader

CSS Débutant : cours et tutoriels sur les feuilles de style CSS

CSS Débutant : cours et tutoriels sur les feuilles de style CSS

http://css.mammouthland.net/

Related:  HTML/CSS/JSTUTORIELSCMS

JavaScript Garden Although JavaScript deals fine with the syntax of two matching curly braces for blocks, it does not support block scope; hence, all that is left in the language is function scope. function test() { // a scope for(var i = 0; i < 10; i++) { // not a scope // count } console.log(i); // 10} There are also no distinct namespaces in JavaScript, which means that everything gets defined in one globally shared namespace. Each time a variable is referenced, JavaScript will traverse upwards through all the scopes until it finds it. JS keyCodes When a KeyboardEvent fires, you can test which key was pressed because that event contains information you can write logic against. document.addEventListener("keydown", function(event) { console.log(event.which); } For example, by pressing "a", you'll get 65. Apparently it's best to write logic against which, as keyCode and charCode are complicated: The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input.

Cool Blue Outer Glow Pointer Cursor Option #1 - Universal CSS/HTML Code This CSS/HTML Code of Cool Blue Outer Glow Pointer works on almost every website or web page on the internet that allows, CSS and HTML coding. Like forums, normal web page etc. Option #2 - CSS Style Sheet Only Code Option #2 is for website owners who are allowed to edit their CSS style sheet. Creating 3D worlds with HTML and CSS by Keith Clark Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months I’ve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did it and the techniques I used. View the demo(best experienced in Safari) Creating 3D objects In today’s 3D engines an objects geometry is stored as a collection of points (or vertices) each having an x, y and z property that defines its position in 3D space.

Functional Programming in Javascript This is an interactive learning course with exercises you fill out right in the browser. If you just want to browse the content click the button below: This is a series of interactive exercises for learning Microsoft's Reactive Extensions (Rx) Library for Javascript. So why is the title "Functional Programming in Javascript"? Well it turns out that the key to learning Rx is training yourself to use functional programming to manipulate collections. Javascript RegExp - MDN reference The RegExp constructor creates a regular expression object for matching text with a pattern. For an introduction to regular expressions, read the Regular Expressions chapter in the JavaScript Guide. SyntaxEdit Selectors Level 3 Abstract Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code. CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc.

40 CSS jQuery Charts and Graphs Data visualization is the modern equivalent of visual communication and involves the creation and study of the visual representation of data. It transforms information in an abstract, schematic and visual form. Data visualization’s goal is to communicate information clearly and efficiently, and this is done via charts, graphs, plots etc. creating your first website, basic HTML for beginners Path // → MY FIRST SITE We’ll begin very easily here, because I’m assuming you are just starting out. No one likes to look back on My First Site, but hopefully your experience can be made slightly less traumatic with a push in the right direction. You did Start Here first, right? It’s not a necessity, but it helps. Note: Because of the way HTML is learnt, you should probably read these in order.

Javascript expressions and operators - MDN reference This chapter documents all the JavaScript language operators, expressions and keywords. Expressions and operators by category For an alphabetical listing see the sidebar on the left. Primary expressions Basic keywords and general expressions in JavaScript. this Flat UI - Free Bootstrap Framework and Theme Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good

CSS Effects: 150 Cool CSS Examples And Tutorials We have put together a smart collection of cool CSS effects to help you learn the nitty-gritty details so that you can use it to create more beautiful web sites. Enjoy! 1. color gradient generator At first, I was using the hexagonal color-cube in WORD to create gradients, but that didn't have the resolution nor flexibility that I wanted. This PHP app takes 3 input parameters: beginning color, ending color, and the number of steps requested and interpolates between them. Step 0 is always the beginning color, and step n is the ending color. theory of operation

Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup.

Related:  CSSHTMLPhp,Html,Css,JavascriptWeb designCSS 3 et HTML5