Browserscope & SpriteMe

Published September 29th, 2009 Under Open Source Tools | Leave a Comment

This talk covers two open source projects being released by Googlers. Browserscope is a community-driven project for profiling web browsers. The goals are to foster innovation by tracking browser functionality and to be a resource for web developers. The current test categories include network performance, Acid 3, selectors API, and rich text edit mode. SpriteMe makes it easy to create CSS sprites. It finds background images in the current page, groups images into sprites, generates the sprite image, recomputes CSS background-positions, and injects the sprite into the current page for immediate visual verification. SpriteMe changes the timeline of sprite development from hours to minutes.

PhoneGap for building iPhone and Android applications

Published September 8th, 2009 Under Javascript, Open Source Tools | Leave a Comment

PhoneGap makes building iPhone and Android applications a snap with regular HTML, CSS and JavaScript. XUI is a nifty javascript microframework designed for building mobile web applications. Avoid the heresy of Objective-C or Java and return to the sanity of the open web. In this talk Brian will guide you through the creation of a mobile web app that is app store ready and talk a little about the future platforms for PhoneGap and XUI.


CSS-Tricks #21 Walkthrough of Contact Form

Published April 1st, 2009 Under General | Leave a Comment

In some ways, the Contact Form is the “Hello, World!” application of web designers and web developers. It is nothing that hasn’t been done before a million times, but it is symbolic of being able to control the design of a page as well as make a page truly functional. In this screencast I talk about contact forms in general as well as quickly walk through the design, creating, and functionality of Contact Form.

http://css-tricks.com/video-screencasts/21-walkthrough-of-contact-form/

Exactly How to Use CSS Sprites

Published March 10th, 2009 Under General | Leave a Comment

This tutorial shows how to use CSS sprites to improve load times and decrease the number of HTTP requests that are made

Demo and Source Code

A Detailed Look at the 960 CSS Framework

Published March 5th, 2009 Under Open Source Tools | Leave a Comment

CSS frameworks are bloated. CSS frameworks are for people who don’t know how to code. CSS is too simple to implement a framework. If you’ve ever read a tutorial on a CSS framework, I can guarantee that many comments mimic the previous statements. My guess is that the majority of these comments are stemmed from slight ignorance. Once you take the opportunity to spend some time with 960, you’ll be amazed at how much time can potentially be saved when developing your web applications. At the very least, take ten minutes to review the framework.

Watch this tutorial on NETTUTS

« go backkeep looking »