Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Tools’ Category

Data URIs, which is a way of using data in-line in web pages, is a great method for minimizing HTTP requests and speeding up websites.

The common usage is simply encoding data (mostly background-images) in Base 64 and including it to the stylesheets.

Spritebaker

Spritebaker is a free web application which automates this process for you.

Just mention the URL of the CSS file, it will search for the background-images + fonts (non-local ones) and create a new stylesheet with these stuff converted to Data URIs.

However, don't forget that Data URIs usage isn't perfect yet like the CSS file will grow (you must turn on gzip-compression) or <IE8 browsers will be incompatible. It'll be a good idea to check the suggestions by Spritebaker.

Bazaar is a free version control system for tracking project history over time and collaborating easily with other team members.

Whether you are a single developer or a group of developers (at the same location or working remotely) Bazaar does the job well.

Bazaar Version Control

It is an easy to learn and use system which can work on all major OSs. Also, compared to Git and Mercurial, it supports bound branches (an easier and safer way of implementing a centralized workflow).

There are many applications that can work with Bazaar like Loggerhead, a web interface for it or several IDE integrations.

  • Tags:
  • Filed under: Extras, GPL License, Tools
  • 5 Comments
  • Selectivizr is a JavaScript library that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.

    Once included in web pages, rest is done automatically.

    Selectivizr

    The library requires a JavaScript framework to run and many popular ones are supported like Query, MooTools, YUI, Dojo, Prototype and more.

    And, if there are multiple JS frameworks inserted in the web page, Selectivizr chooses the most suitable one for the job.

    Cached Commons is a repository of many JavaScript libraries that are cached, optimized and hosted on Github's CDN.

    It is free for everyone and works by simply using the URLs mentioned (original or the minimized versions) as the script tag URLs.

    Compared to the popular Google Libraries API, it hosts a much more number of libraries including many jQuery plugins, visualization or the ones for markup.

    The only downside for now is that, there is only jQuery as a JS framework and hopefully, it'll start hosting others soon.

    Cached Commons

    WebMatrix is a free kit by Microsoft which includes everything you need for creating websites on Windows.

    The application itself enables you to control almost everything from a single interface like the code and database editor, web site and server management, search optimization, FTP publishing, and more.

    Microsoft WebMatrix

    The kit comes with:

    • IIS Developer Express (a development Web server)
    • ASP.NET (a Web framework)
    • SQL Server Compact (an embedded database)

    and with just a click, you can install open source applications like WordPress, Drupal, DotNetNuke, etc.

    WebMatrix has also some nice features like the ability to run a SEO report or monitor real-time Web requests and responses to track down problems right at the source.

    OneWay is a tiny, free and open source Mac OS X application for instantly uploading any file/folder.

    It can upload data to FTP, SFTP or Amazon S3 directly from your Finder.

    You can save the frequently used upload locations to the context menu (project-backups, personal-backups, etc) and send the files with a ctrl+click.

    OneWay is very functional for web designers/developers while live-testing a web project as it usually requires frequent updates or easily backing up project files.

    OneWay Mac FTP

    Show Slow is an open source tool (and, optionally, a free web-based service) for monitoring website performance metrics over time.

    It simply collects the results from YSlow and Page Speed rankings and graphs them to show you how various changes to the website can affect the performance.

    And, it can do this regularly to help you see the improvements done within time.

    Show Slow

  • Tags:
  • Filed under: BSD License, Extras, Tools
  • 1 Comment
  • Bowline is an open source framework (not a platform like Adobe AIR or Titanium) for creating desktop applications with Ruby, HTML and JavaScript.

    It respects MVC, views can be designed in HTML5/CSS3 and then you can bind them to your Ruby models.

    There's no request/response cycle. Any changes in models automatically get reflected in the view.

    Applications built with Bowline currently works in Mac OS X + Linux and Windows support is on the way.

    Bowline - Ruby Desktop Applications

    BrowserLab, a web-based service by Adobe, enables you to test websites on multiple browsers and OSs.

    It is possible to create a custom browser set where the screenshots will be created only for those browsers (also helps speeding up the results).

    Adobe Browserlab

    Screenshots can be previewed in 2-up or onion-skin views which makes comparing multiple versions easier and x/y rulers can be used for sensitive measurements..

    The service currently supports different Firefox, Safari and IE versions for Windows and Mac OS X. However, it is still in beta and new browsers are added within time.

    BrowserLab is part of the Adobe CS Live and free for 1 year if you sign-up before April 30, 2011.

    SiteFusion is an open source and server-based development platform where a XUL client runs code written with PHP.

    The application runs on a server generating JavaScript commands but looks and behaves like native desktop applications.

    The output is platform-independent and can access the client filesystem, run programs, play sounds ,etc.

    SiteFusion PHP-XUL Platform

    There are no extra configurations required than running a website as the XUL client connects to a regular web server.

    And, it offers a two-way real-time ZLib compressed communication which is great for building real-time applications.

  • Tags:
  • Filed under: Extras, Other License, Tools
  • 2 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com