Work Setup

Facebook Twitter
When LESS file converted to CSS, Coda doesn't realise it's updated. - Coda Users | Google Groups

Online Code Editor - Codeanywhere - Codeanywhere

We all want everything here, now, fast and with no hassle (no need to install anything). This is what Codeanywhere does, it lets you code from anywhere, without the need to bring anything along with you. Just log on to Codeanywhere with any computer or smartphone, and all your servers (FTP, SFTP and Dropbox), files, everything is waiting for you, even the files you left open will be open when you login again. It's the ultimate tool for web workers on the move. Best of all, it is light weight and fast, so you can concentrate on working, not on the fact that you working from a browser. Codeanywhere is compatible on all major browsers so you can work from the one you like, also if you on your mobile you can download the native mobile apps for iOS and Andriod. Online Code Editor - Codeanywhere - Codeanywhere
Uptime by fzaninotto Uptime by fzaninotto A remote monitoring application using Node.js, MongoDB, and Twitter Bootstrap. You can watch a demo screencast on Vimeo. Features Monitor thousands of websites (powered by Node.js asynchronous programming)Check the presence of a pattern in the response bodyTweak frequency of monitoring on a per-check basis, up to the secondReceive on screen notifications whenever a check goes down (powered by socket.io)Receive email notifications whenever a check goes downRecord availability statistics for further reporting (powered by MongoDB)Detailed uptime reports with animated charts (powered by Flotr2)Monitor availability, responsiveness, average response time, and total uptime/downtimeGet details about failed checks (HTTP error code, etc.)Group checks by tags and get reports by tagFamiliar web interface (powered by Twitter Bootstrap 2.0)Complete API for integration with third-party monitoring servicesEasy installation and zero administration Installing Uptime
WebPutty: Simple, fast, and powerful CSS editing and hosting. - WebPutty WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control. Get started with just a pair of tags in your website's template and WebPutty will host and serve your published CSS minified and gzipped for super speed. Read more about why we built WebPutty and why we open-sourced it.

WebPutty: Simple, fast, and powerful CSS editing and hosting. - WebPutty

Must Have Developer Tools Apps For Mac Must Have Developer Tools Apps For Mac digg Email Share Sharebar
Build a service to count characters, words and paragraphs Apple does not provide any way to count the number of characters in a selected text. Fortunately, you can create your own very easily using Automator. Launch Automator and create a new Service. Add the Run AppleScript script action, then paste the following code: Now save the service and use a name such as "Count characters in selection." To use the service, select any text in a text application (this does not work in Word, however), then choose your service in the contextual menu. Build a service to count characters, words and paragraphs
Recommended Tools
Tools
Free Up Inactive Memory in Mac OS X with Purge Command Free Up Inactive Memory in Mac OS X with Purge Command Mac OS X has fairly good memory management but it’s not perfect, and sometimes RAM can be held unnecessarily in the “inactive” state despite the contents no longer being needed. If you’ve been participating in memory heavy activities or you just need to free up some available RAM you can actually force Mac OS X to clear out inactive memory. Launch Terminal, found in /Applications/Utilities/ and enter the following command purge Give OS X a minute or two to complete the process Open Activity Monitor to see the before and after results yourself, you’ll find dramatic changes at the “Free”, “Used”, and “Inactive” meters under System Memory.
ReloadIt ReloadIt is like Live Reload, for Windows. It automatically reloads a page in IE, when a change is detected in a given file or directory. Save your file (js css htm aspx etc) and ReloadIt tells IE to refresh the page. ReloadIt
Mamp and Parallels 5: How to setup a windows & mac virtual host — Ice To The Brim Mamp and Parallels 5: How to setup a windows & mac virtual host — Ice To The Brim After a good deal of frustration and silliness I found out how to access virtual host through a windows browser on a virtual machine on a mac. That is, if you want to develop websites on your mac, and then do cross browser testing (internet explorer) on a virtual machine running inside your mac (with Parallels or VMWare, or other), read on. First of all you need mamp. Go download the free (non pro) version of that (unless you want to pay for a few more features. but you don’t need to).
README.md Responsive Web Design Artboards Use these Adobe Illustrator files when creating different layouts for Responsive Web Design Files Desktop Responsive Design Artboards.ai Contains four (4) artboards for "desktop" browsing: Desktop 800x600 -> 778x400Desktop 1024x768 -> 1002x658 Desktop 1280x800 -> 1258x760Desktop 1680x1050 -> 1418x700Note that the heights are based on default window sizing, i.e. stuff that's "above the fold".iPhone iPad Web Design Artboards.ai Contains six (6) artboards for iPhone and iPad: iPad Landscape -> 1024×768 iPad Portrait -> 768x1024iPhone (Retina) Landscape -> 640x960iPhone (Retina) Portrait -> 960x640iPhone Landscape -> 320x480iPhone Portrait -> 480x320 teleject/Responsive-Web-Design-Artboards - GitHub teleject/Responsive-Web-Design-Artboards - GitHub
The Responsinator Responsinator · Make your own · About · Login iPhone 3+4 portrait · width: 320px We're hosted on Linode.com - signup, they're great. Remove these ads - make your own customised Responsinator. iPhone 3+4 landscape · width: 480px

The Responsinator

chjj/tty.js - GitHub README.md tty.js A terminal in your browser using node.js and socket.io.

CSSrefresh - automatically refresh CSS files

What? CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. Why would I need it? Why? When you're coding a website, nothing can be more frustrating than having to switch from the texteditor to the browser over and over again, just for small changes to occur.
README.md Synopsis Currently, there is no cross-platform solution that allows a front-end developer to alter some code (flavor agnostic) and immediately see the result occur in the browser. This is a poor man's solution to solving that problem half way. twolfson/File-Watcher - GitHub
Web Development Bookmarklets These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.) Browsers:

Web Development Bookmarklets

Welcome :: WIODE
Fu
Mac Setup

Collaboration

Testing

Photoshop