All topics go here

Friday, May 21st, 2010

CSS Structural Reset

Category: CSS, Tip

Browsers weren’t given guidance in early HTML specs for default styles on elements. Does the body have a margin or a padding? What colors? etc. The easiest way to deal with multiple browser is so reset the CSS for them all, and built up from there. We then got Eric Meyer’s reset and YUI reset Read the rest…

Posted by Dion Almaer at 6:55 am

1.5 rating from 2 votes

Thursday, May 20th, 2010

What can we do with a Web Store, and even an Open Web Store?

Category: Google, Mozilla

We have been thinking about the app store models for awhile, and how they port to the Web. With the Chrome Web Store we can take a look at a concrete example and think about how it could potentially grow? Mozilla just came out with a post that aims to start a discussion about what Read the rest…

Posted by Dion Almaer at 2:49 pm
Comment here

3 rating from 5 votes

Mock Data Randomizer

Category: Testing

Mike Wilcox has written about a nice little tool for folks who test their JavaScript code. The Mock Data Randomizer is fairly self-explanatory: < View plain text > javascript rand.sentences(6,7,7,9); // # of words in sentences rand.real = true; rand.sentences(6,7,7,9); would generate something like: Whut koop mida miins knew eftor kind. Deys evin thaaght has Read the rest…

Posted by Dion Almaer at 6:16 am

3 rating from 2 votes

Wednesday, May 19th, 2010

2010: Web Fonts Are Here and Ready to Use

Category: Announcements, Font, Framework, Google, Typography

There’s an old saying: “It took me ten years to be an overnight success.” We’ve been waiting for web fonts for at least a decade, and 2010 will finally be the year that web fonts go mainstream. This is in no small part to the work both Typekit and Google have been doing. Today they Read the rest…

Posted by Brad Neuberg at 1:12 pm

2.5 rating from 2 votes

Chrome Web Store? I want an Open Web Store

Category: Chrome, Google

The Chrome Web Store was shown off at the Google I/O keynote (streaming live) today along with the other great news of open codecs, great new tools, and more. I found myself torn about this one. For one, it seems tied into Chrome itself. The problem that Sundar stated (developers needing a good channel; users Read the rest…

Posted by Dion Almaer at 12:04 pm

2.3 rating from 3 votes

HTML5 tools from Adobe; HTML5 pack available and a future sneak peak

Category: Adobe, Tools

Our reptilian brains often like to lump an entity in one bucket. We see a lot of folks asking “Is Adobe friend or foe to the Open Web?” Of course, life is much more about nuance. Adobe has a large investment in Flash, but they are also a tools company. Adobe has mentioned HTML5 tooling Read the rest…

Posted by Dion Almaer at 11:00 am

2.7 rating from 3 votes

WebM: The On2 codec is here, with support from Google, Mozilla, and Opera

Category: Google, Video

The WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone. The WebM launch is supported by Mozilla, Opera, Google and more than forty other publishers, software and hardware vendors. WebM is an open, royalty-free, media file format designed for the web. WebM defines the Read the rest…

Posted by Dion Almaer at 10:46 am

4 rating from 1 votes

W3C. Hire Ben Schwarz now. Making specs nice to look at!

Category: CSS, Standards

While preparing my HTML WORKSHOP, I’ve been re-reading W3C specs in far further detail than I ever would’ve imagined. The reading experience is far from delightful. Not only is the text the entire browser width in measure, but it’s dense and laborious to read. No wonder browser vendors have traditionally missed subtle details. The paragraph Read the rest…

Posted by Dion Almaer at 12:17 am

4 rating from 1 votes

Golingo: a great Titanium mobile Web game, open sourced for you

Category: Appcelerator, Examples, Games

Jacob Waller created an addictive word came in Golingo. What sets it apart? Not a single line of Objective-C written, courtesy of Titanium Mobile Only one (!) image ingame – the rest is CSS3 magic Fluid gameplay thanks to CSS Transitions and Animations All logic using pure, beautiful JavaScript Multitouch draggables using iPhone Touch API Read the rest…

Posted by Dion Almaer at 12:01 am
Comment here

4 rating from 9 votes

Tuesday, May 18th, 2010

IE thinks our universe is flat; The universe in CSS3

Category: CSS, Fun

Alex Girón, of CSS Beauty, has been playing with CSS3 goodness. His current experiment recreates our solar system spinning around using border-radius, transforms, and animations. The experiment runs beeeautifully on WebKit Nightly, but for some reason it lags on Chrome. Alex gives us the deatils: border-radius < View plain text > css ul.solarsystem li.sun { Read the rest…

Posted by Dion Almaer at 5:34 pm

2.5 rating from 2 votes

Scribd: Font face trickery and more

Category: Articles, Font

Scribd is my “favourite company of the month”. First they show off their move from Flash to HTML5 and now they are generously taking time to share with us details on their implementation in a three part series. The first part delves into the bowels of @font-face, starting with the simple: < View plain text Read the rest…

Posted by Dion Almaer at 11:10 am

2.3 rating from 4 votes

Projekktor: Simply Mighty Video

Category: JavaScript, Library, Video

Projekktor is another JavaScript library that sits on top of the <video> tag to provide richer chrome and features, and also backwards compatibility via Flash. Once you load the shim, you can setup config and then you just have to use video: < View plain text > HTML <script type="text/javascript">         // Read the rest…

Posted by Dion Almaer at 6:36 am

3.8 rating from 4 votes

Monday, May 17th, 2010

Speech Recognition with Javascript;

Category: Sound

Elias Majic and Spencer Lord have guest authored this post on speech recognition in JavaScript. Do you have something to share? Consider your own guest post and contact us! Recently Google’s free text to speech api has made the rounds. The reverse is also possible, converting speech to text. With’s javascript API, it is Read the rest…

Posted by Dion Almaer at 6:18 am

3.4 rating from 11 votes

RequireJS 0.11 Released; Ready for jQuery

Category: JavaScript, jQuery, Library

James Burke is moving quickly with his RequireJS library. He recently posted about the requirements that John Resig has for a script loader for jQuery: script loading must be async script loading should do as much in parallel as possible. This means in particular, that it should be possible to avoid dynamic nested dependency loading. Read the rest…

Posted by Dion Almaer at 12:11 am

3.7 rating from 6 votes

Friday, May 14th, 2010

Mark helps you detect everything in HTML5

Category: HTML

Mark Pilgrim has a new appendix to his awesome HTML5 book, which collects all of the ways in which you can do feature detection for HTML5. For example: <audio>: return !!document.createElement(‘audio’).canPlayType; <device>: return ‘type’ in document.createElement(‘device’); <iframe sandbox>: return ‘sandbox’ in document.createElement(‘iframe’); This also highlights how it would be nice to have a way to Read the rest…

Posted by Dion Almaer at 11:19 am

3.7 rating from 3 votes

CSS3 Modules documented in one place

Category: CSS

CSS3 has a lot of great stuff in it. Transforms, new layout, media query, CSS object model, you name it. How do you keep up with the specs? That is what Šime Vidas thought, so he whipped together a little iframe love:

Posted by Dion Almaer at 5:23 am

3 rating from 1 votes