Sunday, September 26th, 2010

Promote JS – give newbies a chance

Category: JavaScript

Do a search for JavaScript and you find a painful set of returns. The worst offender is having Java results show up. Ouch. (Remember: Java is to JavaScript as Ham is to Hamster!). Compare to a search for Java, or C#, or Ruby, (or ….). Ouch. We need better. To begin with the pirates of Read the rest…

Posted by Chris Heilmann at 1:14 pm
17 Comments

++++-
4.1 rating from 8 votes

Friday, September 24th, 2010

Web Ninja Interview: Marcin Wichary — Creator of Google Pacman Logo, HTML5 Slide Deck, and More

Category: Web Ninja Interview

You know what time it is…. it’s time for another Web Ninja Interview! Huzzah! The Web Ninja Interview series focuses on people doing amazing and interesting work using JavaScript, CSS, HTML, SVG, WebGL, and more. One of the goals behind the Web Ninja Interview series is to talk with the web gurus behind many amazing Read the rest…

Posted by Brad Neuberg at 6:00 am
6 Comments

+++--
3 rating from 7 votes

Thursday, September 23rd, 2010

How Gmail’s Drag and Drop from the Desktop Works

Category: Google

The CSS Ninja details how Gmail’s drag and drop from the desktop works; when you drag a file from the desktop into Gmail the file will automatically start uploading. The CSS Ninja recreated the code in a demo (source code [zip]). The code works in Firefox and Chrome. On Firefox the File API is used Read the rest…

Posted by Brad Neuberg at 6:00 am
6 Comments

++---
2.7 rating from 3 votes

Wednesday, September 22nd, 2010

Evercookie – using a lot of solutions to force a persistent cookie

Category: Security

Samy has put together an impressive solution to store persistent cookies on user’s computers even when they have cookies disabled. The Evercookie script reaches deep into the toolbox to fish out some very interesting and devious tricks for local storage: Standard HTTP Cookies Local Shared Objects (Flash Cookies) Storing cookies in RGB values of auto-generated, Read the rest…

Posted by Chris Heilmann at 2:59 pm
14 Comments

+++--
3 rating from 2 votes

Chrome Frame is out of Beta!

Category: Chrome, Google, IE

Big news: Chrome Frame is now stable and out of beta! Today, we’re very happy to take the Beta tag off of Google Chrome Frame and promote it to the Stable channel. This stable channel release provides our most polished version of Google Chrome Frame to date, allowing users to access modern web technologies like Read the rest…

Posted by Brad Neuberg at 2:47 pm
3 Comments

+++--
3 rating from 5 votes

HTML5 Link Prefetching

Category: HTML, Performance

From David Walsh comes a good writeup on the HTML5 link prefetch tag: HTML4 < view plain text > <!– full page –> <link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" />   <!– just an image –> <link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" /> You use the link tag to do prefetching, setting the rel to “prefetch” and giving the URL to Read the rest…

Posted by Brad Neuberg at 6:00 am
4 Comments

+++--
3.4 rating from 7 votes

Tuesday, September 21st, 2010

Animating With Firefox’s mozRequestAnimationFrame

Category: Animation, Firefox

Firefox 4 is going to be a very exciting release. Robert O’Callahan details one of the new features, which should help animation, called mozRequestAnimationFrame. First the motivation: In Firefox 4 we’ve added support for two major standards for declarative animation — SVG Animation (aka SMIL) and CSS Transitions. However, I also feel strongly that the Read the rest…

Posted by Brad Neuberg at 7:00 am
1 Comment

+++--
3.1 rating from 8 votes

Monday, September 20th, 2010

Video Conferencing with the HTML5 Device Element

Category: HTML, Standards, Video

Did you know that work is being done to enable videoconferencing from HTML5 applications? Ian Hickson has been doing work on the element in a separate draft to make this possible. The element will be used to allow the user to give permission to a page to use a device, such as a video camera. Read the rest…

Posted by Brad Neuberg at 6:00 am
7 Comments

+++--
3 rating from 8 votes

Friday, September 17th, 2010

Progressive enhancement using nothing but JavaScript?

Category: Node, Yahoo!, YUI

Progressive enhancement is still a confusing matter for a lot of people who are very excited about the capabilities of JavaScript in modern browser environments. It can feel anachronistic to write your solutions for a non-JS environment and then once more enhances in JavaScript. I grew up like that so for me it is a Read the rest…

Posted by Chris Heilmann at 1:06 pm
9 Comments

++---
2.5 rating from 2 votes

Web Ninja Interview: Mr. Doob

Category: Web Ninja Interview

As part of our Doob-a-thon today, we have a Web Ninja Interview with Mr. Doob. The Web Ninja Interview series focuses on people doing amazing and interesting work using JavaScript, CSS, HTML, SVG, WebGL, and more. Mr. Doob has delighted us with many awesome visualization and demos, including the recent Wilderness Downtown project. He is Read the rest…

Posted by Brad Neuberg at 6:15 am
3 Comments

+++--
3 rating from 4 votes

The Wilderness Downtown: How it was Made

Category: Graphics

The Wilderness Downtown HTML5 web site came out recently and blew people away. Via Mr. Doob comes a detailed blog post breaking down how the web site was actually created. First, he makes clear that this was a team effort, including work by Chris Milk, Aaron Koblin, “Spite”, George Michael Brower, Eduard Prats Molner, Guille Lopez, Read the rest…

Posted by Brad Neuberg at 6:00 am
Comment here

++---
2.7 rating from 3 votes

Thursday, September 16th, 2010

Simulating :hover and Double Clicks With Pure CSS on Mobile Devices

Category: CSS

When creating mobile web apps on devices like the iPhone, iPad, and Android you lose the beloved CSS :hover property which can make things so much easier to create. Chris Coyier has been exploring how to respond to single and double clicks still using pure CSS even when we don’t have :hover. For single clicks, Chris Read the rest…

Posted by Brad Neuberg at 7:00 am
3 Comments

+++--
3.3 rating from 6 votes

The CSS Awards

Category: CSS

CSS has always been a powerful tool in the web programmer’s arsenal, especially today with CSS3, CSS Animations/Transforms/Transitions, CSS FlexBox and Columns, CSS with SVG, etc. If you’re trying to do it all with JavaScript, many times you are probably doing things wrong — a CSS solution will often be more elegant, terse, and performant. Read the rest…

Posted by Brad Neuberg at 6:00 am
3 Comments

+++--
3.3 rating from 3 votes

Wednesday, September 15th, 2010

pushState + node.js on the Server Side

Category: Node

pushState is a nifty way to manipulate browser history state without having to mess with the #hash value. You can use this to change the full path portion of the URL: javascript < view plain text > var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "bar.html"); This would change the URL bar to Read the rest…

Posted by Brad Neuberg at 7:00 am
7 Comments

+++--
3.4 rating from 5 votes

Cool SVG Puzzle Demo Using JQuery SVG

Category: SVG

Via HRJ (“Overworked mad genius readying to take on the world. I am his neighbor”) comes a cool puzzle piece demo written using SVG and JQuery SVG: HRJ has some nice code. First he calls the Flickr API using JQuery and JSON and makes a JigSaw puzzle piece for each one; in the code below Read the rest…

Posted by Brad Neuberg at 6:00 am
Comment here

+++--
3.9 rating from 7 votes

Tuesday, September 14th, 2010

CSS 3 Live: Progressive Enhancement

Category: CSS, Tutorial, Video

From SitePoint comes a nice series of videos on CSS3, called CSS Live. Here’s one on Progressive Enhancement when using CSS3 features:

Posted by Brad Neuberg at 7:00 am
4 Comments

++---
2.8 rating from 5 votes

  • Page 1 of 2
  • 1
  • 2
  • >

All Posts of September 2010