This site showcases the (mostly) digital work of Andrew DiFiore from both Virtual Arts Studios and answerYES Interactive as well as random thoughts and experimental projects too volatile to be contained anywhere else.

 
  • Pages

  • Categories

  • Blogroll

  • Archives

     

  • SHOW / HIDE NAVIGATION

    The last two Cool Tool of the Month featured online development environments for modern Web design. This month’s post rounds out the trilogy with CodePen, an HTML, CSS, and JavaScript editor for testing and sharing “pens” with others. The interface is much more slick than JSFiddle or JSBin so it is great for showcasing to clients or collaborating with colleagues.

    Check out David Walsh’s interview with Chris Coyier (one of three “authors” along with Tim Sabat and Alex Vazquez).

    CommentsComments Off

    This one is for the web developer. JSFiddle is a really convenient way to build, manage, and share your HTML, CSS, and JavaScript code.

    Similar to JS Bin, JSFiddle allows you to test your “fiddle” across various browsers and devices using any number of existing frameworks such as jQuery, Dojo, and Prototype (waiting for them to include Bootstrap by Twitter which I just started tinkering with for an upcoming project).

    JSFiddle is a godsend for the development community, especially those that frequent sites like Stack Overflow. Now there is no excuse to clutter up the forums with “reams” of (faulty) code when asking for help troubleshooting a bug. Create a JSFiddle and provide a public link.

    JSFiddle lets you fine tune, save, and share multiple versions of your code.

    CommentsComments Off

    For a quick and clean “online CSS sandbox” to test, share, and download your HTML and CSS code snippets, CSSDesk is the ticket.

    Created by Oregon-based Web and UI designer Josh Pyles of Pixelmatrix Design. While you’re visiting, check out Josh’s other “pet” projects PHP Fog (cloud platform for PHP apps) and Uniform (jQuery styled forms).

    CommentsComments Off

    BrowserShots is a free browser emulator that generates screenshots of your website under hundreds of browser versions in a matter of minutes (faster if you’re willing to pay $29.95 a month for priority processing).

    So, if you need to know how your website design renders under an ancient release of Internet Explorer or the latest Iceweasel for Linux, BrowserShots is your saving grace, especially with BrowserPool defunct and BrowserCam closing down its service on February 1, 2013.

    If you’re looking for something more comprehensive for website testing, Cross Browser Testing is a paid service that lets you specify live testing combinations of browsers, operating systems, platforms, and plugins. Pricing is based on number of users as well as minutes per month.

    CommentsComments Off

    If you ever wanted to include images during your real-time Facebook chats, now you can!

    Facebook Smiley Chat Codes gives you a way to convert an image to “text” (special numerical strings that Facebook knows to interpret as an image) that you can easily copy and paste directly into your chat box.

    Facebook Smiley Chat Codes hosts your images for free but the site is supported by advertising so you may want to be discreet in your subject matter. This is not Snapchat for Facebook.

    Happy photo chatting!

    CommentsComments Off