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

Archive for the ‘Tools’ Category

Years pass and browsers still render stuff very differently : ). It seems like they will keep doing so considering the different engines out there: WebKit, Gecko, IE, Presto (Opera).

They have different defaults, some CSS properties don't work on another and there can even be inconsistencies when rendering JavaScript.

BrowseEmAll is a Windows software for testing a website with many different browsers interactively and removing the pain out of the whole testing process.

BrowseEmAll

The software looks and works like a browser which allow us to select the rendering engine from a wide list of options:

  • Internet Explorer (7 – 9)
  • Firefox (3.6 – 12)
  • Chrome (12, 16, 19)
  • Safari (4, 5, 5.1)
  • Opera (10, 11)
  • iPhone, iPhone 4
  • iPad, iPad 2 simulator
  • Android (2.2, 2.3, 3.2 tablet, 4.0, 4.0 tablet)

It is also possible to select the resolution and viewport (landscape or portait) for mobile + tablet browsers.

Once a website is loaded with the browser of our preference, we can browse it like a regular website and see if things work as expected.

Under the loaded website, there is a useful little feature, "Inspect and Compare", for comparing the HTML + DOM structure of the loaded URL with another browser to better locate any possible inconsistencies.

BrowseEmAll Report

As BrowseEmAll works on our computer, we can also test websites hosted locally and no need to upload them to the web.

Besides browsing websites, the software can also automatically-generate cross-browser compatibility reports for selected browsers. The report includes screenshots with each browser and any HTML-CSS errors (if exists). 

To sum up, BrowseEmAll is a very good option for very quickly testing websites across multiple browsers with a single installation. Specially, the local testing feature makes it pretty unique.

How to join the giveaway?

BrowseEmAll is giving away 5 Professional licenses (worth $89/each).

In order to join the giveaway, you can choose one of the methods below or do both to increase your chances:

Winners will be selected randomly on 06 Jun 2012 (1 week later). Good luck to all.

The winners

Here they are:

  • DR (comment #607895)
  • ‏@ptamaro
  • Roger Willis (comment #605492)
  • Murat Pala (comment #610234)
  • @michelfortin

Congratulations to the winners and thanks to everyone for joining the giveaway.

GitHub is one of the most popular hosted version control services around and, besides its premium plans, usage is completely free for open source projects.

Many widely-used projects are hosted there (including Node.js Ruby on Rails, PHP or jQuery) and it definitely helps taking the code under control + improving the code with the contribution of others.

If you are like me; "work better with GUI apps rather than the command-line" and use GitHub, they now have free-to-use desktop apps for popular operating systems.

GitHub for Windows

Lately, they had launched GitHub for Mac and, now, GitHub for Windows is released.

Both applications offer almost all the functionality that can be reached from command line tools and ease the usage for developers like me : ).

If you like working with lightweight editors when coding or willing to switch to a lighter one, Intype is a very nice option.

It is a fast-loading text editor that has support for syntax highlighting and snippets on most of the popular languages (and new ones are being added regularly).

Intype

The application can handle multiple projects, allows browsing/managing the files of them and comes with advanced editing features like:

  • the ability to select multiple text and editing at once
  • smart column selection (selecting all text inside an unordered list)
  • snippet insertion
  • and more..

P.S. It also has a "distraction-free" editing mode which is great for focusing on the code and nothing else.

  • Tags:
  • Filed under: Extras, Other License, Tools
  • 8 Comments
  • If you already use it, then you know that LESS is a "time and byte-saver" when creating + serving stylesheets (if not, you should definitely check it).

    You either use the .less files directly (via less.js or on the server with Node.js) or compile them into CSS from command-line and use only the CSS.

    Crunch

    Crunch is a free Adobe AIR application that eases the compiling part without the need of command-line but via a user-friendly interface.

    It is a simple CSS/LESS editor with syntax highlighting and multi-tab support.

    Once a LESS file is saved, the CSS version is created automatically (which is handy for anyone willing to develop with LESS but don't want to rely on JavaScript on the client-side).

    There are various PNG optimizer apps for Mac OS X (check this WRD article for them) but only a few for Windows.

    PNGGauntlet is a free Windows application for squeezing each and every byte in PNG files.

    With a very nice drag 'n' drop enabled user interface, the application can optimize any given number of files pretty quickly.

    PNGGauntlet

    It combines the algorithms of PNGOUT, OptiPNG, and DeflOpt for creating the smallest file and generates a lossless output.

    The image to be minified doesn't need to be in PNG format, other popular formats can be used as well for converting them to PNG.

    There are also several settings for anyone looking to fine tune the compression process.

    AMPPS is a software for quickly installing Apache, MySQL, PHP, Perl and Python and creating a web server environment.

    What differentiates it from other similar solutions is the built-in Softaculous package which makes 1 click installations of popular web apps possible.

    AMPPS

    There is a huge list of installable apps (250+) including WordPress, Joomla, Magento, phpBB and much more.

    Using the AMPPS panel, the server resources can be configured and all the installations can be managed.

    It has versions for Windows + Mac OS X and also installs phpMyAdmin + SQLite manager for controlling databases.

    DOM Monster is a bookmarklet, created by Thomas Fuchs of script.aculo.us, for analyzing the DOM and several other features of a page.

    It works cross-platform/browser, checks the HTML + JavaScript codes and can come with warnings/suggestions like:

    • Reduce the number of tags that use the style attribute (85 elements)
    • Found 16 JavaScript globals. Reducing them can increase performance
    • and more..

    The bookmarklet is not an all-in-one solution, however, can be used side-to-side with other tools like Firebug, PageSpeed, YSlow, etc.

    Also, it is open source and can be improved/customized further.

    DOM Monster

    JPEGmini is a free-to-use online service for compressing JPEG files up to 80% without any perceivable loss.

    It uses a new/patent pending technology, works only on JPEG files and generates JPEG files again as the output.

    JPEGmini

    The performance reaches the top when the images are high quality photos and edited-resized-processed images gets minor improvements (but still good).

    Currently, it is available only as a web-based service (no command-line, API, etc.) and although it is possible to compress images with no sign-up, a free account comes with features like bulk upload and unlimited usage.

  • Tags:
  • Filed under: Extras, No License, Tools
  • 0 Comments
  • loadUI is an open source, cross-platform and free load testing tool that supports all the standard protocols-technologies.

    With a slick, drag 'n' drop interface, it allows us to create new tests and fine tune every detail very easily.

    The tool consists of various components that play with each other very well like statistics, scheduler or analytics components.

    loadUI Load Testing Tool

    loadUI can send multiple requests from a single machine or the requests can be distributed across any number of remote machines by installing agent apps to them for a real-world simulation.

    Multiple tests can be ran at the same time, the details of each test can be viewed live and it is possible to compare them with previously-ran tests.

    Also, it has a powerful reporting engine that can auto-generate detailed and easy-to-understand reports with only few clicks.

    WIODE is an open source and web-based IDE application which focuses on simplicity and expandability.

    It is built with PHP-MySQL and has an interface that will feel familiar to anyone working with desktop IDEs.

    The application is very easy to work with; it can manage multiple projects, a file-tree helps browsing files-folders where double-clicking an item is displayed in a new tab (multiple tabs, yay!).

    Wiode

    Right-clicking on files/folders (context menu) brings options like "create copy, rename, delete or "FTP upload".

    For the opened files, there are features like syntax highlighting, line numbering, auto-indenting, saving and previewing.

    Also, a "system" menu displays the lists of projects, number of files in each and presents options like taking backups or archiving them.

    WIODE is a multi-user application where users can work at the same time without overwriting each other's files.

  • Tags:
  • Filed under: Extras, GPL License, Tools
  • 0 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PHP Form Generator
    PSD2HTML.com
    HotScripts Marketplace