Kurz Studio

Screen Fly

admin — Thu, 04 Aug 2011 19:45:34 +0000

This is the tool that every interactive designer, developer & agency will want to get there hands on. You can quickly test your website in multiple screen formats and that includes browsers, tablets, phones & TV. From there you can select which operating system you want to preview it in whether it is Android, Apple OS or other.

http://quirktools.com/screenfly/

YSlow

admin — Mon, 01 Aug 2011 04:00:21 +0000

Ok so you think your site runs great.. you got the best hosting provider (and you know cause you are paying for it), and you have optimized your database… but Yahoo! has 23 reasons why you should loose sleep when it comes to front end optimization of your web site. The 23 factors are…

Minimize HTTP Requests
Use a Content Delivery Network
Avoid empty src or href
Add an Expires or a Cache-Control Header
Gzip Components
Put StyleSheets at the Top
Put Scripts at the Bottom
Avoid CSS Expressions
Make JavaScript and CSS External
Reduce DNS Lookups
Minify JavaScript and CSS
Avoid Redirects
Remove Duplicate Scripts
Configure ETags
Make AJAX Cacheable
Use GET for AJAX Requests
Reduce the Number of DOM Elements
No 404s
Reduce Cookie Size
Use Cookie-Free Domains for Components
Avoid Filters
Do Not Scale Images in HTML
Make favicon.ico Small and Cacheable

Companies with medium to high volume traffic to their websites are starting to pay closer attention to there site to make sure the end user has the best experience on the website as possible and that includes page load time.

So no matter what amount of traffic your site gets I highly recommend grading it with Yahoo!’s YSlow tool.

Firebug – Don’t leave home without it

admin — Mon, 25 Jul 2011 03:02:24 +0000

When doing web development work I never leave home without the FireBug Extension for Firefox. I have been using it since 2006 and never looked back. Besides Photoshop and your HTML editor of choice I can’t think of a tool that is so critical to web development. The first and biggest reason is that cuts front end development time down tremendously. With Firebug you can edit and debug HTML, CSS, & Javascript live on your web page… check it out.

https://addons.mozilla.org/en-US/firefox/addon/firebug/

Google Chrome also has developer tool built into Chrome that does something similar to firebug’s HTML CSS & JS inspecting. However, in resent news Google has hired John J. Barton the creator of firebug to help expand Google Chrome’s tool kit so be on the look out for that development tool to get tricked out in the near future.