Results 1 - 16 of 16

Common CSS questions

Browsers use the DOCTYPE declaration to choose whether to show the document using a mode that is more compatible  with Web standards or with old browser bugs. Using a correct and modern DOCTYPE declaration at the start of your HTML will improve browser standards compliance.
CSS Example Guide Web

A simple RTCDataChannel sample

The RTCDataChannel interface is a feature of the WebRTC API which lets you open a channel between two peers over which you may send and receive arbitrary data. The API is intentionally similar to the WebSocket API, so that the same programming model can be used for each.
API Communication Example Tutorial WebRTC

Using CSS multiple backgrounds

With CSS3, you can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back. Only the last background can include a background color.
CSS CSS Background Example Guide Intermediate NeedsCompatTable


Specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of CSS selectors of different sorts.
Beginner beginner CSS Example Guide Web

Compositing example

This sample program demonstrates a number of compositing operations. The output looks like this:
Canvas Example Graphics HTML HTML5 Tutorial


The JavaScript Array object is a global object that is used in the construction of arrays; which are high-level, list-like objects.
Array Example Global Objects JavaScript Reference

Scaling background images

The background-size CSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size. You can scale the image upward or downward as desired.
Advanced CSS CSS Background Example Graphics Guide Web

Using CSS Flexible Boxes

The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model provides an improvement over the block model in that it does not use floats, nor do the flex container's margins collapse with the margins of its contents.
#RWD Advanced Boxes CSS Example Flexible Guide Web

Using flexbox to lay out web applications

Using flexbox can help you design compelling layouts in web applications that scale better from desktop to mobile. Put an end to floating <div> elements, absolute positioning, and JavaScript hacks, and start building horizontal and vertical flowing layouts in just a few lines of CSS. Some basic example use cases:
Advanced CSS CSS Flexible Boxes Example Guide Web

Using CSS gradients

CSS gradients are new types of <image> added in the CSS3 Image Module. Using CSS gradients lets you display smooth transitions between two or more specified colors. This lets you avoid using images for these effects, thereby reducing download time and bandwidth usage. In addition, because the gradient is generated by the browser, objects with gradients look better when zoomed, and you can adjust your layout much more flexibly.
Advanced CSS CSS Image Example Guide NeedsLiveSample NeedsUpdate Web

The stacking context

Stacking context is the three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes.
Advanced CSS Example Guide Understanding_CSS_z-index Web

Taking still photos with WebRTC

This article shows how to use WebRTC to access the camera on a computer or mobile phone with WebRTC support and take a photo with it. Try this sample, then read on to learn how it works.
Advanced API Example Sample code Video webcam WebRTC


Microdata is a WHATWG HTML specification used to nest metadata within existing content on web pages.[1] Search engines, web crawlers, and browsers can extract and process microdata from a web page and use it to provide a richer browsing experience for users. Search engines benefit greatly from direct access to this structured data because it allows search engines to understand the information on web pages and provide more relevant results to users. Microdata uses a supporting vocabulary to describe an item and name-value pairs to assign values to its properties. Microdata is an attempt to provide a simpler way of annotating HTML elements with machine-readable tags than the similar approaches of using RDFa and microformats.
Composing Example HTML Microdata Reference search Search SEO

Using HTML sections and outlines

The HTML5 specification brings several new elements to web developers allowing them to describe the structure of a web document with standard semantics. This document describes these elements and how to use them to define the desired outline for any document.
Advanced Example Guide HTML HTML5 Outlines Overview Sections sections Web