Napkin is the ultimate tool for concise visual communication. Painlessly annotate images or create diagrams and share the results quickly. Not only does it and the results look good, it also some contains some interesting user interactions. Napkin →
Tag Archives: tool
CasperJS: a navigation scripting & testing utility for PhantomJS
CasperJS is an open source navigation scripting & testing utility written in Javascript and based on PhantomJS — the scriptable headless WebKit engine. It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks Written on top of the previously mentioned PhantomJS var …
Continue reading “CasperJS: a navigation scripting & testing utility for PhantomJS”
PhantomJS: Headless WebKit with JavaScript API
PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. var page = require(‘webpage’).create(); console.log(‘The default user agent is ‘ + page.settings.userAgent); page.settings.userAgent = ‘SpecialAgent’; page.open(‘http://www.httpuseragent.org’, function (status) { if (status !== ‘success’) { console.log(‘Unable to access network’); } …
Continue reading “PhantomJS: Headless WebKit with JavaScript API”
jResize
jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside …
TinyPNG — Compress PNG images while preserving transparency
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size! Works so well (shaves more than 50% …
Continue reading “TinyPNG — Compress PNG images while preserving transparency”
Yeoman
Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps. I’ve been meaning to link to this tool for quite a while now. At DotJS (which ended about 7 hours ago), Addy’s talk sparked the interest in it again. With Yeoman you …
Remote Preview
Remote preview is a tiny JavaScript based tool which I built for our test lab. It allows you to preview any URL on large number of mobile devices simultaneously. Just enter a URL, hit Cmd+S, and new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, …
Brackets
Adobe Edge Reflow Demo
Adobe Edge Inspect
Adobe just announced that the aforementioned Adobe Shadow will be renamed to Adobe Edge Inspect. We’d like to thank you for using Adobe Shadow during its free preview period on Adobe Labs. On September 24, 2012, we will announce and ship Adobe Edge Inspect, which will replace Adobe Shadow. With this change, they’re releasing a …