Web Development

(Click the image to enlarge.)

Workflow

This dashboard enables to easily access all the things you need while developing a website:

• Manage project tasks
• Open website mockups with your image editor
• Open the project with your code editor
• Start the development server and watch for project file changes
• Build the production version
• Browse project files
• Backup project files
• Site update checklist

Dashboard Configuration

Dev Watch Button - Commander Widget that launches the development server and starts watching for project file changes.

Build Button - Commander Widget that compiles the production version of the website.

Backup Button - Opener Widget that opens a batch file backing up the project files.

Edit Code Button - Opener Widget opening the project with a code editing tool.

Edit Design Button - Opener Widget opening the website mockups with an image editing tool.

Project Files - File Explorer Widget cofigured to show the contents of the project folder.

Update Checklist - To Do List Widget reminding on what to do on each publishing iteration.

Project Manager - Webpage Widget embedding a project manager (Trello Board in this example).