Tuesday, September 30th, 2008

Smushit.com makes image optimizing a breeze

Category: Performance, The Ajax Experience

We’ve heard a lot about optimizing CSS, HTML and JavaScript but one thing that is less talked about is how much extra information image editors put into image files. You might think you’ve done a great job optimizing your GIFs, PNGs and JPGs while still keeping them visually pleasing but when you use a text Read the rest…

Posted by Chris Heilmann at 11:01 am

3.7 rating from 20 votes

I like big…… targets

Category: jQuery

BigTarget.js is a new little jQuery plugin that makes bigger targets for users: Wrapping a single anchor around the whole content (title, thumbnail, summary) is a bad idea as it’s not standards compliant and renders the page invalid. So I turned to my good friend jQuery and threw together the following plugin using the ‘Learning Read the rest…

Posted by Dion Almaer at 7:59 am

2.1 rating from 37 votes

This Week in HTML 5: Clickjacking

Category: HTML, Standards

Mark Pilgrim, in his latest episode on This Week in HTML 5, got into an interesting topic indeed: clickjacking. The big news this week is the disclosure of a vulnerability that researchers have dubbed “clickjacking.” To understand it, start with Giorgio Maone’s post, Clickjacking and NoScript. Giorgio is the author of the popular NoScript extension Read the rest…

Posted by Dion Almaer at 7:47 am

3.5 rating from 11 votes

Report and Case Study on CSRF

Category: Security

Bill Zeller and Ed Felten have published a report on Cross-Site Request Forgery attacks on popular Web sites: We found four major vulnerabilities on four different sites. These vulnerabilities include what we believe is the first CSRF vulnerability that allows the transfer of funds from a financial institution. We contacted all the sites involved and Read the rest…

Posted by Dion Almaer at 7:41 am
1 Comment

3.8 rating from 13 votes

Dojo Fishtank

Category: Dojo

Blaine Ehrhart wrote a fun little fish tank using Dojo, as another example of doing animation using JavaScript, which includes the following to give you a taste: function playBubble (target,newbubble) { var top = parseInt(target.style.top); var left = parseInt(target.style.left); var rand = 50+Math.round(50*Math.random()); // Here we detect how far up the page the bubble is Read the rest…

Posted by Dion Almaer at 7:30 am
1 Comment

3.6 rating from 24 votes

Monday, September 29th, 2008

ZAP: Same timeline for effects across browsers

Category: JavaScript

Mikael Bergkvist was frustrated with how effects in different browsers were far from uniform. They could run around in a modern browser, and lag on old ones. In general many effects seem to be far from smooth, and we have talked about the need to have a Timer thread that you can tie into to Read the rest…

Posted by Dion Almaer at 8:43 am
1 Comment

1.5 rating from 56 votes

iPhone Safari 3D Navigation Menu

Category: iPhone, Mobile

Ben Putman has put together a nice iPhone Safari 3D navigation menu example that shows off the transforms and events available on the latest mobile Safari. Ben told us: In thinking of an interesting test, I’ve created a menu that you can rotate across a fixed y-axis with touch, allowing you to spin the menu Read the rest…

Posted by Dion Almaer at 6:42 am

2.1 rating from 69 votes

CSS Systems: Maintaining your style

Category: CSS

Natalie Downe gave a talk at BarCamp London on CSS Systems as a wait to maintain your style. She goes into details on how she goes about setting up her CSS on a project: A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site’s individual design. Read the rest…

Posted by Dion Almaer at 6:03 am

3.7 rating from 26 votes

Sunday, September 28th, 2008

jQuery finds its way into Microsoft and Nokia stacks

Category: .NET, Ajax, jQuery

Just as jQuery kicks off its first jQuery conference adjunct with The Ajax Experience in Boston tomorrow, it gets an energy boost from some big double-barrel news: Microsoft and jQuery Microsoft is looking to make jQuery part of their official development platform. Their JavaScript offering today includes the ASP.NET Ajax Framework and they’re looking to Read the rest…

Posted by Dion Almaer at 2:01 pm

4.2 rating from 148 votes

Saturday, September 27th, 2008

Flash 10 and the bad news for JavaScript interaction

Category: Accessibility, Adobe, Flash, Security

Right now you can use Flash to work around a lot of JavaScript limitations and many products use an invisible Flash movie to for example batch upload files (Flickr, WordPress), play movies in a screenreader accessible manner (with DHTML controls outside the main movie – Yahoo Video, for example) or automatically add content to the Read the rest…

Posted by Chris Heilmann at 4:11 pm

4.3 rating from 54 votes

HTML 5: Ian Hickson showing you features in browsers today!

Category: Browsers, HTML, Standards

Ian Hickson gave a great presentation at Google where he just sat down, opened up Emacs, and started to build demos on the fly that use HTML 5 features. His goal was to use browsers available today (albeit nightlies and such for some of them) to show progress…. so no future tense! You can watch Read the rest…

Posted by Dion Almaer at 7:25 am

4.1 rating from 19 votes

Friday, September 26th, 2008

Gravity: Some real Friday fun

Category: Canvas, Fun

Eric Seidel normally spends his time building browsers, but he has a fun little bit of JavaScript code to show us this time. Gravity was inspired by the Flash Wii Ad that has been going around that uses Flash to explode out of the page. The bookmarklet takes your form elements and images and starts Read the rest…

Posted by Dion Almaer at 9:56 am

1.7 rating from 119 votes

The cross browser addEvent resurfaces

Category: JavaScript, Library

Stephen Stchur has written great posts in the past about cross browser events, and has revisited the topic with The Ultimate addEvent function article. You get to use the function a la: < View plain text > javascript var myDiv = document.getElementById(‘myDiv’); xb.addEvent(myDiv, ‘click’, function(e) {    alert(‘The this keywords works (even in IE!): ‘ Read the rest…

Posted by Dion Almaer at 8:24 am

3.3 rating from 29 votes

Maintaining Browser Specific CSS

Category: CSS, Tip

Nick Cairns saw our post on conditional CSS for browsers and followed up discussing how he handles maintaining IE specific CSS selectors: We keep our IE related styling right below the common (standards-based) declarations. BUT, we DON’T use hacks. Underscore hacks, * hacks, and all of those things that we all gave up with the Read the rest…

Posted by Dion Almaer at 6:35 am

2.4 rating from 38 votes

Google turns 10, and gives us a nice scrollable timeline

Category: Google

Google has turned 10, and we wanted to celebrate. Soon we will be a teenager :) The site for the Tenth birthday has some nice features, including a scrolling time line of the history that is very Gooey indeed. There are nice subtle elements to the component. If you scroll the bar you will see Read the rest…

Posted by Dion Almaer at 3:59 am

4.6 rating from 23 votes

Thursday, September 25th, 2008

Google Maps JavaScript API on the iPhone

Category: Mapping

When you link to Google Maps on the iPhone, it opens up the naive application to give you the full iPhone experience. Alastair James wanted to use the Google Maps JavaScript API on the iPhone, and wrote up his thoughts: Before the newest version of mobile Safari, this would not have been possible. Fundamentally you Read the rest…

Posted by Dion Almaer at 8:48 am

1.9 rating from 82 votes

All Posts of September 2008