background preloader

Mozilla Developer Network

Mozilla Developer Network
HTML5 is the latest evolution of the standard that defines HTML. The term represents two different concepts: It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows more diverse and powerful Web sites and applications. This set is sometimes called HTML5 & friends and often shortened to just HTML5. Designed to be usable by all Open Web developers, this reference page links to numerous resources about HTML5 technologies, classified into several groups based on their function. Semantics: allowing you to describe more precisely what your content is. SemantIcs Sections and outlines in HTML5 A look at the new outlining and sectioning elements in HTML5: <section>, <article>, <nav>, <header>, <footer> and <aside>. Using HTML5 audio and video The <audio> and <video> elements embed and allow the manipulation of new multimedia content. Forms in HTML5 New semantic elements Improvement in <iframe> MathML Introduction to HTML5 WebRTC

Related:  HTML5Mozilla DevelopersInternet relatedHTML tech stuffbrainintech

Porting “Me & My Shadow” to the Web – C++ to JavaScript/Canvas via Emscripten Editors note: This is a guest post by Alon Zakai of the Mozilla Emscripten team. Thanks Alon! Me & My Shadow is an open source 2D game, with clever gameplay in which you control not one character but two. CSS Cascading Style Sheets (CSS) are a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects like SVG or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 is a recommendation, and CSS3, now split into smaller modules, is progressing on the standardization track. CSS Reference An exhaustive reference for seasoned Web developers describing every property and concept of CSS. CSS Tutorials Our CSS Learning Area contains a wealth of tutorials to take you from novice level to being comfortable with CSS, covering all the fundamentals.

JavaScript basics - Learning the Web JavaScript is a programming language that adds interactivity to your website (for example: games, responses when buttons are pressed or data entered in forms, dynamic styling, animation). This article helps you get started with this exciting language and gives you an idea of what is possible. What is JavaScript, really? JavaScript ("JS" for short) is a full-fledged dynamic programming language that, when applied to an HTML document, can provide dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation. You can do pretty much anything with JavaScript. Introduction to HTML5 - Web developer guide HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously. Because HTML5 is still being developed, changes to the specifications are inevitable. Therefore, not all of its features are supported by all browsers yet. However, Gecko, and by extension, Firefox, has very good initial support for HTML5, and work continues toward supporting more of its features.

JavaScript JavaScript (JS) is a lightweight, interpreted, programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as node.js and Apache CouchDB. JS is a prototype-based, multi-paradigm, dynamic scripting language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. Read more about JavaScript. This section of the site is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. For information about APIs specific to Web pages, please see Web APIs and DOM.

Learning the Web Welcome to the MDN Learning Area. This set of articles aims to provide complete beginners to web development with all they need to start coding simple websites. The aim of this area of MDN is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable". From there you should be able to start making your own way, learning from the rest of MDN, and other intermediate to advanced resources that assume a lot of previous knowledge. If you are a complete beginner, web development can be challenging — we are aiming to hold your hand just enough to keep you learning comfortably, while providing enough detail for you to learn the topics properly. You should feel at home whether you are a student learning web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist, or someone who just wants to understand more about how web technologies work.

Tag "HTML5" on Smashing Magazine Much has been written recently in the ongoing debate between native and HTML5 applications. There are three principal ways to develop a mobile solution: native code, hybrid mobile app, mobile Web app. Developing an application in HTML5 is a way to leverage code across multiple platforms, rather than having to write the entire application from scratch for each platform. HTML element reference - HTML (HyperText Markup Language) This page lists all the HTML elements. They are grouped by function to help you find what you need to achieve what you have in mind. Although this guide is written for those who are new or newer to coding, we intend it to be a useful reference for anyone. HTML HTML (HyperText Markup Language) is the most basic building block of the Web. It describes and defines the content of a webpage. Other technologies besides HTML are generally used to describe a webpage's appearance/presentation (CSS) or functionality (JavaScript). "HyperText" refers to links that connect webpages to one another, either within a single website or between websites.

These Are the Highest-Paying Programming Languages [INFOGRAPHIC] Today, Startup Compass released the results of a global survey of engineers that provides a wealth of information about startup salaries – including the highest-paying programming languages. Published as “How Much Should You Pay Your Engineers?,” the results are based on a study of Startup Compass members plus data pulled from oDesk, Elance, Toptal, Glassdoor, AngelList, and Payscale. The engineers surveyed include not just startup employees, but also freelancers and employees at more traditional IT firms.

CSS Positioning 101 If you’re a front end developer or a designer who likes to code, CSS-based layouts are at the very core of your work. In what might be a refresher for some, or even an “a-ha!” for others, let’s look at the CSS position property to see how we can use it to create standards-compliant, table-free CSS layouts. Article Continues Below CSS positioning is often misunderstood. Sometimes, in a bug-fixing fury, we apply different position values to a given selector until we get one that works.

Related:  html codingHTML5