January 2011
3 posts
Razor Syntax Quick Reference →
Nike Better World →
Great scrolling / parallax technique; definitely worth going through the code later.
Hackety Hack Teaches Ruby Programming to Aspiring... →
December 2010
1 post
Pure CSS3 box-shadow page curl effect →
Really nifty; probably doesn’t even show up in IE.
November 2010
13 posts
Facebook trademarks FACE
The patent and trademark office has hit a new low. Unbelievable that someone can get away with trademarking such a simple, small, common-use word.
On the other hand, I bet the lawyer is having a fun time with all the people who bet him he couldn’t do it.
Grandma's Superhero Therapy (18 photos) - My... →
Pretty cool.
Google's 'Book'
Google’s new fancy web book — “20 Things I Learned About Browsers and the Web”. I haven’t actually read the book; I’ve been too busy just looking at it.
HTML5 + JavaScript
Pretty URLs
Real browser history thanks to some fancy JavaScript.
Non-Flash page animations
Content search
‘Resume place’ if you leave the page before finishing
Page...
HTML5Rocks - A resource for open web HTML5... →
Made by Google
Gangsta Lorem Ipsum Text Generator →
Fo’ shizzle.
Installing Windows 7 on MacBook Air BootCamp
I wanted to run Windows 7 BootCamp on my new MacBook Air. I didn’t want to spring for the external SuperDrive for a one-time use, and BootCamp says you have to have a physical drive. Turns out, with a little tweaking, you can use a USB flash drive instead.
Install rEFIt on the MacBook Air. Sometimes you have to reboot twice before rEFIt works.
Use the Windows 7 USB/DVD Download Tool to...
Update on Silverlight's Strategy Shift
Good points on Microsoft’s plan for Silverlight:
Windows7 Phone native apps run in Silverlight
Windows7 Phone backup plan for apps is HTML5, just like Apple’s iPhone & Google’s Android
Silverlight for the desktop is an afterthought; it’s all about mobile.
Source: http://www.quirksmode.org/blog/archives/2010/11/microsofts_stra_10.html
2.6% of Yahoo users have JS disabled
Not bad, but thats still 6 million users with JavaScript disabled.
Yahoo! - How many users have JavaScript disabled?
IE9 is serious about HTML5
The IE9 team is serious about getting HTML5 right. This is great to see.
W3C tests HTML5 browser compatibility, crowns IE9 the champ
Expedia lost $12m on one form field
The answer, it turns out, was quite simple: “We had an optional field on the site under ‘Name’, which was ‘Company’,” Megibow said.
“It confused some customers who filled out the ‘Company’ field with their bank name.”
After putting in their bank name, these customers then went on to enter the address of their bank, rather than their...
Get started with git
I’ve read so many of these articles, but it never seems to stick. Learn about git at A List Apart.
News Paywalls are a no-go
A while back, News Corp decided to charge it’s readers to keep reading their content. Rates are about $12.80/month or $1.60 per day.
Before the pay wall was turned on, their two papers were getting about 3 million visitors per month. After 4 months of selling subscriptions, a little over 50,000 people have subscribed monthly, and another 50,000 were pay-as-you-go customers. That’s...
Microsoft downplaying Silverlight for HTML5
It looks like Microsoft might be shying away from Silverlight being the new web medium and finally recognizing that a non-vendor-specific solution is best.
“Silverlight is our development platform for Windows Phone,” he said. Silverlight also has some “sweet spots” in media and line-of-business applications, he said.
But when it comes to touting Silverlight as Microsoft’s vehicle for delivering...
Rails Wizard
RailsWizard builds app templates WYSIWYG style. Pretty nifty.
Application: http://railswizard.org/ Source: http://github.com/intridea/rails_wizard
October 2010
8 posts
Flash vs CSS3
A new entry in the web’s ongoing effort to illustrate the evolving power of CSS3:
Original Flash Site: http://wonder-wall.com/#project/en
CSS3-based Remake: http://www.is-real.net/experiments/css3/wonder-webkit/
Pretty cool.
LimeBits - Insta-steal-a-site ? →
Wow.. what an honest tagline: “Don’t make websites from scratch — Just copy!”
Browser Size image by Google →
Dezeen » Blog Archive » Homemade is Best by... →
Ikea cook book. Pretty much as awesome as you’d think it would be…
iPhone 4 Square Card Reader Interaction - Square... →
What a fix! Poke a hole in a piece of paper.
Chromium Blog: WebP, a new image format for the... →
New image format from Google. Compression based on VP8 video coded. It’s a lossy compression, and they plan on adding alpha support in the future.
If Adobe gets in on this, it could prove interesting. Though, we’d probably have to wait for IE12 before Microsoft supports it.
September 2010
7 posts
pixelmatrix's animatePNG at master - GitHub →
Alpha transparency animation using PNG sprites with jQuery.
peter bruegger: moustache mugs →
Mustache mugs. Collect the whole set!
Carstache® Car Mustaches →
Another entry into my mustache fascination log.
Duck Island - The Premier Portal of the Pacific... →
Lorem ipsum generator with a Hillbilly language option.
Windows Live Outsources Blogging, Migrating 30... →
All Windows Live users migrated to a PHP platform. Interesting.
August 2010
2 posts
IE7 / IE8 PNG Bug when using MS Filters
It looks like IE7 and IE8’s PNG transparency isn’t quite perfect. If you use a transparent PNG and a IE filter, then it looks like you’ll loose your alpha transparency.
Example:
CSS:
#content h2 {background:url('../images/bkg.png') repeat-y transparent;} #ie #content h2 {filter: dropshadow(color=#fff, offx=0, offy=1);}
Result:
Once I took off the filter, the PNG...
Think Vitamin » Learn Web Design – Free Tutorial... →
July 2010
13 posts
Color photos from around the country in the 1940's →
Some beautiful shots here; great colors.
Seven People Have Been Entrusted With The Keys To... →
Sounds a little crazy.. too much like War Games.
Oh, history... →
The first proposal of the IMG tag. A historic day.
Simple element centering using jQuery
HTML
<div>centered</div>
CSS
div{
width:150px;
height:150px;
background-color:red;
color:white;
line-height:150px;
text-align:center;
position:absolute;
}
JavaScript
var $div = $('div');
$div.css({
top:'50%',
left:'50%',
margin:'-'+($div.height() / 2)+'px 0 0 -'+($div.width() / 2)+'px'
});
Source: Cody Lindley, Code Snippet,...
A List Apart: Articles: Supersize that Background,... →
CSS3 and background images, sitting is a tree…
HTML5 Family: CSS3 Ads Versus Flash Ads - Sencha -... →
Impressive.
Enterprise jQuery →
“Effective, High performance jQuery for teams.”
What is HTML5 (Infographic) →
Info + Design. Enjoy.
How To Use CSS3 Media Queries To Create a Mobile... →
Textarea Tricks | CSS-Tricks →
Tips and tricks to tweak the <textarea> element.
The Only HTML5 Resources You Need for Getting Up... →
10 tips for designing mobile websites →
List of good tips for mobile development. Take a look at About’s article and WURFL for implementing tip #10.
Google's Android App Builder →
Google’s App Inventor for building applications for the Android with no actual programming. Very cool, but the UI is a bit rough.
March 2010
2 posts
HTML5 structure—div, section & article ・ @boblet →
Time-lapse of the Hawaii sky
The White Mountain from charles on Vimeo.
February 2010
4 posts
“Engineers are retarded. They have some kind of brain damage that allows them to...”
– Jim Reekes (creator of the Apple startup sound) - Wikipedia, the free encyclopedia