background preloader

HTML 5/CSS/Javascript

Facebook Twitter

Sencha Animator: Bouncing Ball Animation. WordPress Rolls Out New HTML5-Friendly Theme. WordPress has just introduced Toolbox, a brand new theme that will let its users take advantage of some nifty HTML5 elements with the Custom CSS upgrade.

WordPress Rolls Out New HTML5-Friendly Theme

Toolbox is "a semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development. " Designers can use the Toolbox markup to do "anything you want," according to WordPress. You can also use Toolbox to build your own WordPress theme for a self-hosted site. For those familiar with designing around WordPress themes, Toolbox might strike you as distinctively Sandbox-like — and you wouldn't be wrong to think so. WordPress themes shaman and web designer Ian Stewart wrote today on the official WordPress blog, "Much like the Sandbox theme, Toolbox provides all the markup you need to build your very own theme with CSS alone — with one difference.

To see Toolbox in action, check out this dummy site. Sencha - Desktop and Mobile JavaScript Frameworks - Ext JS, Ext GWT and Sencha Touch. Learn to Code: The Full Beginner's Guide. 20 Things I Learned" by Google Chrome Team. From the Author: What’s a cookie?

20 Things I Learned" by Google Chrome Team

How do I protect myself on the web? And most importantly: What happens if a truck runs over my laptop? "20 Things I Learned about Browsers and the Web" is an illustrated book on things you’ve always wanted to know about the web but were afraid to ask. Illustrated by Christoph Niemann, written by the Google Chrome team, and built in HTML5, this charming guidebook is a handy read about how the evolution of browsers and the web is changing the way we work and play online.

Learning WebGL. The Chromium Projects. Table of Contents. HTML5 Canvas Element Guide. The HTML5 <canvas> element has a unique history.

HTML5 Canvas Element Guide

Starting out as an Apple creation and dating back to 2004, canvas was eventually added to the official W3C HTML5 spec, becoming one of the most interesting and exciting parts of HTML5. HTML5 And Flash: Why It’s Not A War, And Why Flash Won’t Die - Smashing Magazine. Advertisement With all of the buzz going on in our Web community about HTML5 and Flash, I’ve decided to dive into the fray and offer my thoughts as a 10-year veteran of both Web design and Flash development.

Let me preface by saying that this article is opinion-based, and that information is certainly out there that I am not aware of, and that none of us truly knows what the future holds. New: For a German translation of this article – please follow this link. Use Of Flash Till Now When Flash broke on the scene, it was a fairly revolutionary tool… and much simpler to use than it is today. People didn’t take long to start using Flash as an engine to create full and complete websites, especially as the versions continued their march upward and ActionScript gained footing. But Flash started to be overused soon after. WebKit HTML5 Search Inputs. One of the new types of inputs in HTML5 is search.

WebKit HTML5 Search Inputs

It does absolutely nothing in most browsers. It just behaves like a text input. This isn't a problem. The spec doesn't require it to do anything special. WebKit browsers do treat it a bit differently though, primarily with styling. A search input in WebKit by default has an inset border, rounded corners, and strict typographic control. The Styling Limitations WebKit has big time restrictions on what you can change on a search input.

In other words, be extremely cautious about using any of those CSS properties on a search input unless you are OK with the search input looking very different in other browsers. Allowed styling The following CSS works as expected. 25 HTML5 Features, Tips, and Techniques you Must Know. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.

25 HTML5 Features, Tips, and Techniques you Must Know

This tutorial was first published in August, 2010. This industry moves fast -- really fast! If you're not careful, you'll be left in its dust. So, if you're feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know. 1. Still using that pesky, impossible-to-memorize XHTML doctype? If so, why? In fact, did you know that it truthfully isn't even really necessary for HTML5? 2. Consider the following mark-up for an image: There unfortunately isn't any easy or semantic way to associate the caption, wrapped in a paragraph tag, with the image element itself. CloudCanvas. Main Page - WebGL Public Wiki.

Css Zen Garden: The Beauty in CSS Design. The HTML Hell Page. "Hell is other websmiths.

The HTML Hell Page

" — Jean-Paul Sartre, updated Translations: GermanPolish blinking text Blinking text makes it nearly impossible to pay attention to anything else on the page. It reduces 87% of all surfers to a helpless state of fixated brain-lock, much like that of a rabbit caught in the headlights of an oncoming semi. This is not good. Gratuitous animation With animations you get the all the wonderful injuries of the blink tag with the added insult of the graphics download time. Marquees. Noupe Design Blog. HTML and CSS Tutorials, References, and Articles. HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code. CSS Properties.