A Single Article

Read it, comment, and share it with your friends

Great web tools for the frontend ninja

Posted January 23 in Design.

I just wanted to share some tools with everyone that I’ve been using lately.

Functional Accessibility Evaluator
This tool will check a URL and return results based on navigation, text equivalents, scripting, styling, and W3C specifications. You just have to give it a try to see everything it offers.
Swift
The Webkit browser for Windows. Want to know what your webpages look like in Safari? This browser uses the same engine. It’s a long way from stable but it’s great for checking pages.
Sloppy
This tool is a slow proxy that allows you to test your webpages under simulated slow connections like 56k.
CSS Compressor
If you have a large CSS file with a lot of lines and comments and you would like to use a compressed version for production, this tool makes that possible. I used it to compress the CSS file for this website.
Web Page Analyzer
This tool analyzes the performance of your website and gives advice on where to improve.

That’s all I have for now. Feel free to share any tools you like in the comments.

Meta

Useful things

Related Articles

These just might ring a bell

Get a Trackback link

4 Trackbacks/Pingbacks

Other blogs referencing this article
  1. Pingback: All in a days work… on February 4, 2007
  2. Pingback: Web-Sites of the Month: The Best of January 2007 | Smashing Magazine on February 6, 2007
  3. Pingback: 煎蛋 » 2007 年一月最佳网站收集 on February 7, 2007
  4. Pingback: Good websites that you shouldn’t have missed | TechBlogy on September 10, 2007

6 Comments

Responses to my article
  1. Corinne January 23, 2007

    Thanks for more links that I can use to justify wasting my time. heh

  2. Sean Fraser January 23, 2007

    I particularily like the FAE. It reminded me of some things that I’ve been meaning to revisit. What was your CSS before/after file size?

  3. Christian Montoya January 23, 2007

    Corinne: Wasting time is great!

    Sean: 9.54 kb to 7.42 kb. Another reason I compress it is because it makes the CSS hard to read, which is good if you want to keep people from ripping your design. Not that anyone would want to rip mine, but I’m just sayin’.

  4. Christian Montoya January 23, 2007

    p.s.: Of course, you should also keep an uncompressed copy in case you ever need to make changes.

  5. Emanuel Blagonic January 28, 2007

    I am not a fan of CSS in one line, must admit that. If everyone would keep style information in one line, who would learn from it? I think it’s great you could explore the CSS and eventually learn from it, your visitor would appreciate this.

    Is someone would rip-off your design and CSS, he would do so in one case or another :).

    P.S.
    Nice article

  6. the doc February 12, 2007

    really cool, thanx

Leave a comment

Share your thoughts with the world

You can use Markdown, or you can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Please keep comments respectful and on topic.

This form is guarded by Akismet, so don't waste your time trying to submit spam. It won't work. Ever.





Stay on top of new updates at this site: Subscribe to the Feed!