background preloader

HTML5 — Edition for Web Developers

https://developers.whatwg.org/

HTML Scroll Box An HTML scroll box is a box that grows scroll bars when it's contents are too large to fit in the box. How do you make the box? You create the box using the HTML div tag. Then, to make the box scroll, you apply the CSS overflow property to the div. A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App Editor's note: This post is ≈3,000 words. It covers many different aspects of perceived performance of mobile websites as well as practical solutions to speeding up your site. TL;DR: it's not about how fast your site is; it's about how fast your users think it is. Building well-designed websites on mobile devices is slowly becoming easier and easier. Whatever the method (responsive, adaptive, etc.), if you know what you're doing, crafting a good-looking site is not a problem. But your clients, just like ours, may still be asking for that app-like experience.

HTML5 context menus in Firefox (Screencast and Code) You may not know it, but the HTML5 specifications go beyond what we put in the pages and also define how parts of the browser should become available to developers with HTML, CSS and JavaScript. One of these parts of the specs are context menus, or “right click menus”. Using HTML5 and a menu element you can add new options to these without having to write a browser add-on. In Firefox 8 (the current one) we have support for those.

So, You Want A Link Button, Huh? (and updates by editorial staff) You know that the web is held together through a series of hypertext links. Or, as a student of mine called it "A web of blue words." That's not a bad way of putting it actually. Now, it's possible for you to use hex codes to change the color of the links and visited links.

Tools for image optimization As we saw a few weeks ago, the weight of an average web page is now almost 1.5MB (median ~1MB), with > 50% of this being images. It’s a harsh reminder that many of our pages on the web are still quite fat, a big concern for slower mobile data connections. BigQuery calculated medians for a HTTP Archive run thanks to Ilya Grigorik

All Standards and Drafts Site Navigation Standards All Standards and Drafts Accessibility (All) More about Accessibility (All) HTML5: The Basics (1 of 4) The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, HTML 5 will soon define how you build websites. This is the first article in a four part series that will introduce HTML5 and its basic features as well as explain the key differences from HTML4.01 and XHTML 1.0 so you can start preparing yourself and your sites for the transition. Over the next week we’ll be focusing on three major areas: 1.

Objects in Space — Objects in Space Let’s break down an Object based solution to User Needs Beer. Note — all example style codez here are in SCSS. Modules I begin by creating the modules I need in their default, basic state. Beer needs some definition: // module/_beer.scss References — HTML5: Edition for Web Authors All references are normative unless marked "Non-normative". HTML Canvas 2D Context, I. Hickson. W3C. Augmented BNF for Syntax Specifications: ABNF, D. 9 HTML5 Features that will make our UI code cleaner by removing lot of Javascript HTML5 Specs are out and all the leading browsers are making sure that they are compatible with it. As a web developer, we always need a lot of javascript for HTML form validation. I like some of these features that will reduce the javascript functions in the web page and make our page load faster.

C HTML5 Logo The Movement You're excited about HTML5; we are too. You've not just been enjoying the HTML5-powered web already — you're building it!

Related: