The new wave of the internet appears to be web apps and services. Combined with the mobile revolution, developers are creating highly functional and user-friendly applications to allow you to be more productive, more organized and less stressed in all aspects of your life.
There are apps for everything from time tracking and invoicing, to fashion recommendations and styling tips, to web design and development apps.
In this post, I’ve rounded up some useful web design and development tools that you haven’t seen before based on web developer tools reviews from other users.
Codepen
Codepen is a way for developers to share snippets of code for learning and sharing purposes.
Devrocket
DevRocket is an iOS development panel plug-in that provides Adobe Photoshop with additional iOS specific tools and functionalities that are designed to assist key areas in iOS app design for all iPhone models (including the iPhone 5) and all iPad models.
CSS3PS
A free cloud based photoshop plugin that converts your layers to CSS3.
Responsive IE6
Responsive Web Design is here to stay. Unfortunately, though, older browsers don’t quite understand these newfandagled media queries or whatnot. Just put in a URL, and resize!
Live Form Builder
This is a nice little interactive form builder that lets you generate HTML and CSS for your forms.
CSSHat
CSS Hat turns Photoshop layer styles to CSS3. Instantly.
Button Builder
Like the interactive form builder earlier in this list, this Button Builder is an interactive button designer that generates code for you.
Pixel Plant
Systematically and automatically transform Flash media created in Version 9 and above with ActionScript 3. Animated and interactive “rich media” features are converted into fully editable HTML5 code.
Mocku.ps
Mocku.ps is the ideal tool for designers to present and share their mockups. Precisely.
PSD Organizer
PSD Organizer is a panel that renames all your layers in a clean, structured manner to keep things organized and easy to use.
Your Turn
Share with us which of the tools listed here your liked the most or let us know any specific tools you used during your design & development process.
Brilliant list!
I use Codepen, but the others were new.
Great collection…