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. A year ago, at a biggest-ever, record-breaking HTML5 Meetup in San Francisco all about WebGL, I predicted we were a tipping point; I think I was right.

Learning WebGL

Let’s take a look at 2014, a banner year for 3D on the web! A Year of Great Content John Cale and Liam Young’s City of Drones brought together experiments in music and architecture; Isaac Cohen continued to blow minds with visualizations like Weird Kids and Webby; Google’s A Spacecraft for All chronicled the 36-year journey of the ISEE-3 space probe; and SKAZKA showed us an alternate world created by The Mill and powered by Goo. A Year of Killer Apps In 2014, WebGL made its mark– an indelible impression– on advertising, e-commerce, music, news and engineering. 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. 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. 25 HTML5 Features, Tips, and Techniques you Must Know. 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 So, maybe you think the blink tag and cheesy animations are the worst abuse half-bright websmiths can perpetrate on your retinas? Garish backgrounds The very next time we stumble across a page composed by somebody who thinks it's cool to use leaping flames or a big moire pattern or seven shades of hot pink swirly as a background, we swear we are going to reach right through the screen and rip out that festering puke's throat.

Unreadable text/background combinations brushscript headings Right. Frames. 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.