Having the right tools enables a Livecoding.tv engineer to produce high-quality projects. Today we will share some of our secrets with you as to what HTML and CSS productivity tools, plugins, and libraries streamers use to assist us to be highly proficient.
What is HTML/CSS?
“HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics and scripting, HTML and CSS are the basis of building Web pages and Web Applications,” (W3C). An example is the new Safari application for Apple products that uses HTML and CSS.
HTML and CSS Productivity Tools, Plugins & Libraries
Here are the ten (10) best HTML and CSS productivity tools, plugins, and libraries recommended by Livecoding.tv engineers:
Firebug Lite
Firebug Lite integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Web Developer
The Web Developer extension adds various web developer tools to a browser. The extension is available for Chrome, Firefox and Opera, and will run on any platform that these browsers support including Windows, OS X and Linux.
Firefox Font Inspector
Firefox Font Inspector examines, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.
Codeanywhere
Codeanywhere is a Cross Platform Cloud IDE and it has all the features of Desktop IDE but with additional features only a cloud application can give you! Codeanywhere is very flexible and you can set up your workflow any way you want it. The elegant development environment will let you focus on building great applications quicker. All the features you will need for any coding task are built into Codeanywhere, making development more productive and fun.
Dropbox
Dropbox is a file hosting app used for sharing and collaboration. You can add photos, videos, docs, and files to one device, and they will appear on all other devices, including phones and computers. It is available for Windows, Macintosh, and Linux desktop operating system.
Brackets
Brackets is a lightweight, yet powerful, modern text editor. It is a modern, open source text editor that understands web design.
MeasureIt
MeasureIt is a tool for web designers and developers to help easily measure and size up elements right on their websites.
Ultimate CSS Gradient Generator
Ultimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor highly recommended by Livecoding.tv engineers.
Mozilla Thimble
Thimble is an online code editor that makes it easy to create and publish your own web pages while learning HTML, CSS & JavaScript.
CSSTidy
CSSTidy is an opensource CSS parser and optimiser. It is available as executable file (available for Windows, Linux and OSX) which can be controlled per command line and as PHP script (both with almost the same functionality).
In Conclusion
And there you have it: The ten (10) best HTML and CSS productivity tools, plugins, and libraries to help you become more productive according to Livecoding.tv engineers. What are your favorite HTML and CSS productivity tools? What did we miss in this list that definitely needs to be added to make it complete?