background preloader


HTML (HyperText Markup Language) is the most basic building block of the Web. It describes and defines the content of a webpage along with the basic layout of the webpage. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/ behavior (JavaScript). "HyperText" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. HTML uses "markup" to annotate text, images, and other content for display in a Web browser. Tags in HTML are case insensitive. The articles below will help you learn more about HTML. HTML Introduction If you're new to Web development, be sure to read our HTML Basics article to learn what HTML is and how to use it. Beginner's tutorials Our HTML Learning Area features multiple modules that teach HTML from the ground up — no previous knowledge required. Introduction to HTML Multimedia and embedding HTML tables HTML forms Related:  Mozilla Developers

HTML5 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 the building of 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 improvements New semantic elements Improvement in <iframe> MathML WebRTC

HTML reference - HTML (HyperText Markup Language) This HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements. HTML element reference This page lists all the HTML elements. HTML attribute reference Elements in HTML have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want. Global attributes Global attributes may be specified on all HTML elements, even those not specified in the standard. Link types In HTML, the following link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, or <link> element. View all pages tagged "HTML"... Join the Web layout community Document Tags and Contributors

Creating your first iOS app If you already have Xcode, you can skip this step. If you want to develop apps for iOS, you need the SDK, which is provided with Xcode. Xcode only runs on Mac OS X (yes, Apple is doing that on purpose), so if you are running a windows (or linux, or pretty much any non-Mac OS X) operating system, you have a couple options: 1. 2. 3. Now that's settled, onto the IDE. CSS Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as 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 is standardized across browsers according to the W3C specification. CSS Introduction If you're new to web development, be sure to read our CSS basics article to learn what CSS is and how to use it. Tutorials Our CSS Learning Area features multiple modules that teach CSS from the ground up — no previous knowledge required. Introduction to CSS This module starts with the basics of how CSS works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, color, and other units in CSS, cascade and inheritance, box model basics, and debugging CSS. Styling text Styling boxes CSS layout See also Join the Web layout community

HTML Tutorial Fonts 15.1 Introduction Setting font properties will be among the most common uses of style sheets. Unfortunately, there exists no well-defined and universally accepted taxonomy for classifying fonts, and terms that apply to one font family may not be appropriate for others. 15.2 Font matching algorithm Because there is no accepted, universal taxonomy of font properties, matching of properties to font faces must be done carefully. The User Agent makes (or accesses) a database of relevant CSS 2.1 properties of all the fonts of which the UA is aware. (The above algorithm can be optimized to avoid having to revisit the CSS 2.1 properties for each character.) The per-property matching rules from (2) above are as follows: 'font-style' is tried first. 15.3 Font family: the 'font-family' property The property value is a prioritized list of font family names and/or generic family names. There are two types of font family names: The name of a font family of choice. 15.3.1 Generic font families serif cursive

JavaScript JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled 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, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. The standard for JavaScript is ECMAScript. Tutorials Learn how to program in JavaScript with guides and tutorials. For complete beginners Head over to the Learning Area JavaScript topic if you want to learn JavaScript but have no previous experience of JavaScript or programming. JavaScript first steps Answers some fundamental questions such as "what is JavaScript?" JavaScript building blocks JavaScript guide Closures

HTML Tags/All HTML Tags - TAG index HTML Tags HTML Codes and Examples < Home / HTML Tags / All HTML Tags All HTML Tags Categories HTML Tags HTML Tags Other Attributes < Home CSS Color Module Level 3 Abstract CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. It uses color-related properties and values to color the text, backgrounds, borders, and other parts of elements in a document. This specification describes color values and properties for foreground color and group opacity. Status of this document This section describes the status of this document at the time of its publication. The (archived) public mailing list (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). A separate implementation report contains a test suite and shows that each test in the test suite was passed by at least two independent implementations. The list of comments on the most recent Last Call draft explains the changes that were made since that draft. A complete list of changes to this document is available.

Document Object Model (DOM) The Document Object Model (DOM) is a programming interface for HTML, XML and SVG documents. It provides a structured representation of the document as a tree. The DOM defines methods that allow access to the tree, so that they can change the document structure, style and content. The DOM provides a representation of the document as a structured group of nodes and objects, possessing various properties and methods. Nodes can also have event handlers attached to them, and once an event is triggered, the event handlers get executed. Although the DOM is often accessed using JavaScript, it is not a part of the JavaScript language. An introduction to the DOM is available. DOM interfaces Obsolete DOM interfaces The Document Object Model has been highly simplified. HTML interfaces A document containing HTML is described using the HTMLDocument interface. HTML element interfaces Other interfaces Obsolete HTML interfaces SVG interfaces SVG element interfaces SVG data type interfaces Static type See also

10 places where anyone can learn to code Teens, tweens and kids are often referred to as “digital natives.” Having grown up with the Internet, smartphones and tablets, they’re often extraordinarily adept at interacting with digital technology. But Mitch Resnick, who spoke at TEDxBeaconStreet, is skeptical of this descriptor. Sure, young people can text and chat and play games, he says, “but that doesn’t really make you fluent.” Mitch Resnick: Let's teach kids to code Fluency, Resnick proposes in this TED Talk, comes not through interacting with new technologies, but through creating them. The point isn’t to create a generation of programmers, Resnick argues. In his talk, Resnick describes Scratch, the programming software that he and a research group at MIT Media Lab developed to allow people to easily create and share their own interactive games and animations. At Codecademy, you can take lessons on writing simple commands in JavaScript, HTML and CSS, Python and Ruby. While we’re at it: bonus!

Using HTML5 audio and video HTML5 introduces built-in media support via the <audio> and <video> elements, offering the ability to easily embed media into HTML documents. Embedding media in your HTML document is trivial: <video src=" controls> Your browser does not support the <code>video</code> element. </video> This example plays a sample video, with playback controls, from the Theora web site. Here is an example for embedding audio into your HTML document <audio src="/test/audio.ogg"><p>Your browser does not support the <code>audio</code> element. The src attribute can be a URL of the audio file or the path to the file on the local system. <audio src="audio.ogg" controls autoplay loop><p>Your browser does not support the <code>audio</code> element </p></audio> This code example uses attributes of the <audio> element: The preload attribute is used in the audio element for buffering large files. This plays the Ogg video file in browsers supporting the Ogg format. Using Flash

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. Browsers support two types of gradients: linear, defined with the linear-gradient() function, and radial, defined with radial-gradient(). Linear gradients To create a linear gradient, you set a starting point and a direction (specified as an angle) along which the gradient effect is applied. Simple linear gradients Here's a linear gradient that starts at the center (horizontally) and top (vertically), and starts blue, transitioning to white. background: -prefix-linear-gradient(top, blue, white); background: linear-gradient(to bottom, blue, white); Using angles Size

Using CSS transforms By modifying the coordinate space, CSS transforms change the position and shape of the affected content without disrupting the normal document flow. This guide provides an introduction to using transforms. CSS transforms are implemented using a set of CSS properties that let you apply affine linear transformations to HTML elements. These transformations include rotation, skewing, scaling, and translation both in the plane and in the 3D space. CSS transforms properties Two major properties are used to define CSS transforms: transform and transform-origin transform-origin Specifies the position of the origin. transform Specifies the transforms to apply to the element. Examples Example: Rotating This example creates an iframe that lets you use Google's home page, rotated 90 degrees about its bottom-left corner. View live example View screenshot of example Example: Skewing and translating View live example View screenshot of example 3D specific CSS properties Setting up a perspective See also