Articles tagged: Intermediate

Found 92 documents

• Archive/Firefox_OS/Firefox_OS_apps/App_permissions The three levels of permission, in brief, are:
• Glossary/Empty_element An empty element is an element from HTML, SVG, or MathML that cannot have any child nodes ...
• Glossary/Host A host is a device connected to the Internet (or a local network). Some hosts called servers ...
• Glossary/IPv6 IPv6 is the current version of the communication protocol underlying the Internet. Slowly IPv6 ...
• Glossary/Slug A Slug is the unique identifying part of a web address, typically at the end of the URL. In the ...
• Learn/Drafts/Web_security This competency demonstrates skills around the top of web security, which is a subset of ...
• Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image When you nest an image inside a, the entire image links to one webpage. An image map, on the ...
• Learn/HTML/Multimedia_and_embedding/Responsive_images That's a wrap for responsive images — we hope you enjoyed playing with these new techniques. As ...
• MDN/Contribute/Editor/Source_mode MDN's editor has a prominent button that gives you the ability to switch into source editing ...
• MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web When learning the web, it's important to rely on active learning content. Such content is made ...
• MDN/Contribute/Structures/Live_samples MDN supports turning sample code displayed in articles into running samples the reader can look ...
• Mozilla/Add-ons/Code_snippets/HTML_to_DOM Although you can now natively parse HTML using DOMParser and XMLHttpRequest, this is a new ...
• Mozilla/B2G_OS/API/Camera_API/Introduction Through the Camera API, it is possible to take pictures with your device's camera and upload ...
• Mozilla/Developer_guide/Source_Code The articles below will help you get your hands on the Mozilla source code, learn to navigate ...
• Mozilla/Developer_guide/Source_Code/Mercurial/Bundles If you have a poor network connection that is preventing hg clone from completing, you may want ...
• Mozilla/Developer_guide/Virtual_ARM_Linux_environment If you need to test ARM-specific code but don't have (or need) real ARM hardware for testing, ...
• Mozilla/js-ctypes/Using_js-ctypes/Standard_OS_Libraries This article gives the names of standard libraries that can be accessed with js-ctypes. These ...
• Mozilla/MathML_Project/MathML_Torture_Test The following test contains sample TeX formulas from Knuth's TeX book and equivalent MathML ...
• Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin This section describes how to modify the skin of a window.
• Online_and_offline_events Some browsers implement Online/Offline events from the WHATWG Web Applications 1.0 specification.
• SVG_In_HTML_Introduction This article and its associated example shows how to use inline SVG to provide a background ...
• Using_files_from_web_applications Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ...
• Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas Although it's not trivial (for security reasons), it's possible to draw DOM content—such as HTML ...
• Web/API/Canvas_API/Tutorial This tutorial describes how to use the canvas element to draw 2D graphics, starting with the ...
• Web/API/Canvas_API/Tutorial/Applying_styles_and_colors Up until now we have only seen methods of the drawing context. If we want to apply colors to a ...
• Web/API/Canvas_API/Tutorial/Basic_animations Probably the biggest limitation is, that once a shape gets drawn, it stays that way. If we need ...
• Web/API/Canvas_API/Tutorial/Basic_usage At first sight a canvas looks like the img element, with the only clear difference being that it ...
• Web/API/Canvas_API/Tutorial/Compositing We can not only draw new shapes behind existing shapes but we can also use it to mask off ...
• Web/API/Canvas_API/Tutorial/Drawing_shapes Before we can start drawing, we need to talk about the canvas grid or coordinate space. Our HTML ...
• Web/API/Canvas_API/Tutorial/Drawing_text The canvas rendering context provides two methods to render text:
• Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas The ImageData object represents the underlying pixel data of an area of a canvas object. It ...
• Web/API/Canvas_API/Tutorial/Transformations Before we look at the transformation methods, let's look at two other methods which are ...
• Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements There are several properties you can look at in order to determine the width and height of ...
• Web/API/Detecting_device_orientation Increasingly, web-enabled devices are capable of determining their orientation ; that is, they ...
• Web/API/Document_Object_Model The Document Object Model (DOM) is a programming interface for HTML, XML and SVG documents. It ...
• Web/API/Document_Object_Model/Whitespace_in_the_DOM The presence of whitespace in the DOM can make manipulation of the content tree difficult in ...
• Web/API/Fullscreen_API The Fullscreen API provides an easy way for web content to be presented using the user's entire ...
• Web/API/Geolocation/Using_geolocation The geolocation API allows the user to provide their location to web applications if they so ...
• Web/API/Page_Visibility_API The Page Visibility API lets you know when a webpage is visible or in focus.
• Web/API/Web_Video_Text_Tracks_Format WebVTT is a format for displaying timed text tracks (e.g. subtitles or captions) with the track ...
• Web/API/window/requestAnimationFrame You should call this method whenever you're ready to update your animation onscreen. This will ...
• Web/CSS/CSS3 CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending ...
• Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds With CSS3, you can apply multiple backgrounds to elements. These are layered atop one another ...
• Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation One of the most common style changes made to lists is a change in the indentation distance—that ...
• Web/CSS/Pseudo-classes A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element ...
• Web/Guide/CSS/Getting_started/JavaScript This is the first section of Part II of the CSS tutorial. Part II contains some examples that ...
• Web/Guide/CSS/Getting_started/Layout Go to Previous Section: Boxes This is the 12th section of the CSS Getting Started tutorial; it ...
• Web/Guide/CSS/Getting_started/Lists Go to Previous Section: Content This is the 10th section of the CSS Getting Started tutorial; it ...
• Web/Guide/CSS/Getting_started/Media This is the 14th and last section of Part I of the CSS Getting Started tutorial. Many of the ...
• Web/Guide/CSS/Getting_started/Readable_CSS This is the 6th section of the CSS Getting Started tutorial; it discusses the style and grammar ...
• Web/Guide/CSS/Getting_started/SVG_and_CSS This page illustrates the application of CSS to the specialized language for creating graphics: SVG.
• Web/Guide/CSS/Getting_started/Tables This is the 13th section of the CSS Getting Started tutorial; it describes more advanced ...
• Web/Guide/CSS/Getting_started/XML_data This page contains an example of how you can use CSS with XML data.
• Web/Guide/CSS/Visual_formatting_model The CSS visual formatting model is an algorithm that processes a document and displays it on ...
• Web/Guide/CSS/Writing_efficient_CSS This document provides guidelines for optimizing CSS code, and more specifically on how to write ...
• Web/Guide/Events/Media_events Various events are sent when handling media that are embedded in HTML documents using the audio ...
• Web/Guide/Events/Orientation_and_motion_data_explained When using orientation and motion events, it's important to understand what the values you're ...
• Web/Guide/HTML/Event_attributes Every HTML element has a set of attributes that allow for the execution of JavaScript when ...
• Web/Guide/HTML/Forms/Data_form_validation While you should always validate data on your servers, additional validation of data on the Web ...
• Web/Guide/HTML/Forms/How_to_structure_an_HTML_form The flexibility of HTML forms makes them one of the most complex structures in HTML ; you can ...
• Web/Guide/HTML/Forms/HTML_forms_in_legacy_browsers All web developers learn very quickly (and sometimes painfully) that the Web is a very rough ...
• Web/Guide/HTML/Forms/Sending_and_retrieving_form_data In many cases, the purpose of an HTML Form is to send data to a server. The server processes the ...
• Web/Guide/HTML/Forms/Styling_HTML_forms In this article, we will learn how to use CSS with HTML forms to make them (hopefully) more ...
• Web/Guide/HTML/Forms/The_native_form_widgets HTML forms are made of widgets. Those widgets are built-in controls supported by each browser. ...
• Web/Guide/HTML/Forms_in_HTML This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using ...
• Web/Guide/HTML/Obsolete_things_to_avoid This article tries to list older coding practices that over time have become unnecessary or bad ...
• Web/Guide/HTML/Using_HTML5_audio_and_video HTML5 introduces built-in media support via the audio and video elements, offering the ability ...
• Web/Guide/Mobile This page provides an overview of some of the main techniques needed to design web sites that ...
• Web/HTML/Element/button The HTML button Element represents a clickable button.
• Web/HTML/Element/datalist The HTML Datalist Element (datalist) contains a set of option elements that represent the values ...
• Web/HTML/Element/fieldset The HTML fieldset element is used to group several controls as well as labels (label) within a ...
• Web/HTML/Element/form The HTML form element represents a document section that contains interactive controls to submit ...
• Web/HTTP/Basics_of_HTTP/Data_URIs Data URIs, URLs prefixed with the data: scheme, allow content creators to embed small files ...
• Web/JavaScript/A_re-introduction_to_JavaScript Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood ...
• Web/JavaScript/Closures Closures are functions that refer to independent (free) variables (variables that are used ...
• Web/JavaScript/Equality_comparisons_and_sameness Briefly, double equals will perform a type conversion when comparing two things; triple equals ...
• Web/JavaScript/Guide/Details_of_the_Object_Model JavaScript is an object-based language based on prototypes, rather than being class-based. ...
• Web/JavaScript/Guide/Iterators_and_Generators Processing each of the items in a collection is a very common operation. JavaScript provides a ...
• Web/JavaScript/Guide/Regular_Expressions Regular expressions are patterns used to match character combinations in strings. In JavaScript, ...
• Web/JavaScript/Inheritance_and_the_prototype_chain JavaScript is a bit confusing for developers experienced in class-based languages (like Java or ...
• Web/JavaScript/Introduction_to_Object-Oriented_JavaScript Object-oriented to the core, JavaScript features powerful, flexible OOP capabilities. This ...
• Web/JavaScript/Reference/Classes JavaScript classes introduced in ECMAScript 6 are syntactical sugar over JavaScript's existing ...
• Web/JavaScript/Reference/Functions/Arrow_functions An arrow function expression has a shorter syntax compared to function expressions and does not ...
• Web/JavaScript/Reference/Iteration_protocols A couple of additions to ECMAScript 2015 (ES6) aren't new built-ins or syntax, but protocols. ...
• Web/Security/Insecure_passwords The HTTPS protocol is designed to protect user data from eavesdropping (confidentiality) and ...
• Web/SVG/Tutorial Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics. It is partially ...
• Web/SVG/Tutorial/Basic_Transformations Now we're ready to start distorting our beautiful images. But first, let's formally introduce ...
• Web/SVG/Tutorial/Gradients Perhaps more exciting than just fills and strokes is the fact that you can also create and apply ...
• Web/SVG/Tutorial/Other_content_in_SVG Apart from graphic primitives like rectangles and circles, SVG offers a set of elements to embed ...
• Web/SVG/Tutorial/Paths The path element is the most powerful element in the SVG library of basic shapes. You can use it ...
• Web/SVG/Tutorial/Texts When talking about text in SVG we have to differentiate two almost completely separate topics. ...
• Web/SVG/Tutorial/Tools_for_SVG Now that we covered the basics of the SVG internals, we will take a look at some tools to work ...