Tutorials (Html)
Get flash to fully experience Pearltrees
Canvas (canvas html)
<canvas> is an HTML element which can be used to draw graphics using scripting (usually JavaScript ). It can, for instance, be used to draw graphs, make photo compositions or do simple (and not so simple ) animations. The image on the right shows some examples of <canvas> implementations which we will see later in this tutorial. <canvas> was first introduced by Apple for the Mac OS X Dashboard and later implemented in Safari and Google Chrome. Gecko 1.8-based browsers, such as Firefox 1.5, also support this element.The Golden Ratio in Web Design
Math is beautiful. Does that sound a little strange? I sure thought so when I first started designing.
zen-coding - Set of plugins for HTML and CSS hi-speed coding
Follow us on Twitter @zen_coding New version 0.7 is available (March 13, 2011), read release notes for more info. Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example: div #page>div.logo+ul#navigation>li*5>aMo’ Pixels Mo’ Problems
Mobile devices are shipping with higher and higher PPI , and desktops and laptops are following the trend as well. There’s no avoiding it: High-pixel-density, or “Retina,” displays are now becoming mainstream —and, as you’d expect, our websites are beginning to look a little fuzzy in their backlit glory. But before we go off in the knee-jerk direction of supersizing all our sites, we must first identify the problems ahead and figure out the most responsible way forward—keeping our users in mind first and foremost. The big problem: gigantic images In an effort to stay ahead of the curve, many of us have begun the process of making our website designs “ @2x ,” quietly hoping @3x never becomes a thing. While a @2x image sounds like it would only be twice the number of kilobytes, it’s actually around three to four times larger.
In our previous posts, we’ve used SVG to create shapes . In this post, as the title said, we will look into creating Text with SVG . There are a lot of things we can do with text beyond what plain HTML text is capable of doing. So, let’s check them out. Recommended Reading: A Look into Scalable Vector Graphic Basic Implementation
Scalable Vector Graphics: Working with Text
Introduction à l’HTML5
Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire : L’HTML5 c’est quoi ?
Web browsers are probably the most widely used software. In this primer, I will explain how they work behind the scenes. We will see what happens when you type google.com in the address bar until you see the Google page on the browser screen. 1.1 The browsers we will talk about There are five major browsers used today - Internet Explorer, Firefox, Safari, Chrome and Opera.
HTML5 Rocks - How Browsers Work: Behind the Scenes of Modern Web Browsers
Easy High DPI Images March 28, 2013 By Boris Smus Opera unsupported IE unsupported Safari unsupported Firefox unsupported Chrome supported mobile css images graphics multimedia nuts_and_bolts This article describes a way to do as little work as possible, yet still serve beautiful images for both high and low DPI screens.
HTML5 Rocks - Tutorials
Automated Optimization with HTML5 Boilerplate Build
HTML5 Boilerplate is widely recognized as a rock-solid foundation for building new web-based sites and applications. That said, few are aware that the tool offers more than simply setting up your development environment. It also helps you “wrap up” your work by providing an awesome cross-platform build process. The Build Script, with Paul Irish Overview So why might you need this build tool?In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2 , Modernizr , jQuery UI and assorted jQuery Plugins. Introduction HTML5 powered forms provide a great deal of semantic markup, and remove the need for a lot of JavaScript.
Build Cross-Browser (HTML5)
Videos about the HTML5 Boilerplate
We’ve published a few videos about the HTML5 Boilerplate recently. HTML5 Boilerplate overview (60min) Get an overview of the whole project, and more detail on some of the choices and optimizations within. Getting Started w/ the HTML5 Boilerplate (15min featuring Divya)Dites bonjour à HTML5
Sylvain Weber Rich Media Technical Specialist Pascal Corpet Software Engineer Nouvelle version d’HTML Plusieurs technologies : HTML5 + CSS3 + JS Le futur du Web Idées reçues sur HTML5 (10min) Utilisation d'HTML5 dans un contexte créatif (20min) Application technique (10min) Projet Ro.me (5min) Questions (15min)HTML5 introduced many storage APIs that let you store a large amount of data locally in your users' browsers. But the amount of space allocated for each app is, by default, restricted to a few megabytes. Google Chrome lets you ask for a larger storage quota, beyond the previous limit of just 5 MB. This document introduces you to the basic concepts around the types of storage used in Chrome and describes the experimental Quota Management API, which lets you manage your storage quota. The document assumes that you are already familiar with the general concepts of client-side storage and know how to use offline APIs. Contents
Managing HTML5 Offline Storage - Google Chrome - Google Code
wysiwyg ([4] html[3])