The acronym IDE stands for Integrated Development Environment. In short, an IDE is a software application which is made up of core programs that are designed to help programmers and developers build software programmers and applications.
The basic elements of an IDE include:
- Source code editor
- Compiler or interpreter
- Automation tool
Here’s a list of some of the tools you might need. Some of these are standalone applications; others are more specialized.
Some of the features in the latest release of Dreamweaver are enhancements to the DOM panel, responsive web design, Extract, Live view editing, security enhancements to prevent Gatekeeper exploit, CEF integration, Visual Media Query enhancements, Enhancements to CC Libraries, New Starter templates, and more.
This is a powerful prototyping tool which allows you to build designs for the desktop, tablet and smart phone. Later on, the designs can be imported into an HTML editor such as Dreamweaver, Notetab Pro, TopStyle, etc. Edge Reflow connects directly to Photoshop, allowing you to work between Photoshop and your composition, quickly. While it’s no longer being developed, it can still be a useful tool in your design arsenal.
Notetab Pro is a combination of a dedicated HTML editor and text editor. Currently, it is the only HTML Editor in the world offering support for Bootstrap. Some of the new features are searching with easy-to-use wildcards (like * and ?), 4eal-time word count (NoteTab or Microsoft Word method), text statistics for SEO (HTML code automatically ignored), support for HTML5 and CSS3, new HTML/CSS libraries, syntax highlighting for CSS and HTML, and more.
Photoshop is one of Adobe’s flagship programs. It’s an essential tool for web design and allows you tremendous creativity. Among other things, you can slice images into sections which are reassembled on a web page using a combination of HTML tables and/or CSS layers. You can assign different URL’s to each image for page navigation and more. Photoshop allows you to save each slice as a separate file. This process creates the HTML and CSS code necessary to display the sliced image.
It’s main features are Code Completion, Compilers (Generic support for compilers with built-in support for GCC/clang/VC++), LLDB Support, GDB Support, XDebug support, Refactoring, Built-in SFTP, Source Control Plugins, Code Navigation, and RAD Tool for wxWidgets: wxCrafter.