background preloader

Scriptol.fr - Programmation avec les standards du Web

Scriptol.fr - Programmation avec les standards du Web

http://www.scriptol.fr/

Related:  Cours et Tutoriels sur le JavaScriptHTML

JavaScript 101 Introduction I've written this very brief guide to JavaScript just as an aid for people new to the language and who need a basic starting point to see what the syntax looks like and to get a feeling for some of its features. This article's main purpose is to give readers new to the language a glimpse of the JavaScript environment and to hopefully spur them onto further reading/learning. Video for Everybody! Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. It is not a neatly packaged, fully-featured solution for those unfamiliar with HTML. VfE is for developers who either want something really simple they can quickly use on their blog or websites, or as a good starting point to develop their own custom solution.

Debugging Asynchronous JavaScript with Chrome DevTools - HTML5 Rocks Introduction A powerful feature that makes JavaScript unique is its ability to work asynchronously via callback functions. Assigning async callbacks let you write event-driven code but it also makes tracking down bugs a hair pulling experience since the JavaScript is not executing in a linear fashion. Luckily, now in Chrome DevTools, you can view the full call stack of asynchronous JavaScript callbacks! Once you enable the async call stack feature in DevTools, you will be able to drill into the state of your web app at various points in time. HTML 5.1 This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at The management and production of this document follows a relatively complex setup. Details are provided as part of the introduction.

#150: Hey designers, if you only know one thing about JavaScript, this is what I would recommend Sometimes, to start a journey into learning something huge and complex, you need to learn something small and simple. JavaScript is huge and complex, but you can baby step into it by learning small and simple things. If you're a web designer, I think there is one thing in particular that you can learn that is extremely empowering. This is the thing I want you to learn: When you click on some element, change a class on some element. Boiling that down to the absolute essentials, imagine we have a button and a div:

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.

WTF.js The last ten years have been interesting, to put it mildly. Ten years ago, some of us bought desktops, some of us bought laptops, and those of us with loads of cash bought both. Since then, you have a desktop for heavy-duty work, a laptop for portable stuff, and you may even have both a Mac and a PC.

Front-End vs Back-End vs Full Stack Web Developers You open a new browser tab, type in a URL, and press enter. The site loads instantly. It nearly takes your breath away with its ultra-clean layout, well-constructed pages, and impressive visuals. The people responsible for every part of that experience? Web developers. As of November 2014, the Internet contains more than 680 million pages. Kyle Simpson asks "JavaScript: WTF?" Kyle Simpson is a freelance Open Web Evangelist based in Austin Texas. Kyle’s talk at Forward 2, entitled “What the JavaScript”, tries to “pull out the crazy” from JavaScript leading to cleaner, more elegant, more readable code and inspire people to contribute to the open source community. Kyle’s book series, You Don’t Know JS, are available on GitHub, open source and free, as well as being published by O’Reilly. Code WTFs There are lots of people talking about WTF-style code in JavaScript, but many of these pale in comparison to the real WTFs of the language.

HTML 5.2 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Learn JavaScript: – JavaScript Scene – Medium There are so many JavaScript resources available out there, it’s hard to understand how much of it overlaps and how much is redundant. Not to mention the process of weeding out bad information. The fact is, most JavaScript training sucks.

Related: