The Ten (10) Best HTML/CSS Productivity Tools, Plugins and Libraries

Download The Ten (10) Best HTML/CSS Productivity Tools, Plugins and Libraries

Post on 14-Apr-2017

75 views

Category:

Internet

2 download

TRANSCRIPT

  • blog.livecoding.tv http://blog.livecoding.tv/2016/03/23/thetenbesthtmlcssproductivitytoolspluginsandlibraries/

    The Ten (10) Best HTML/CSS Productivity Tools, Plugins andLibraries

    Having the right tools enables a Livecoding.tv engineer to produce high-quality projects. Today we will sharesome of our secrets with you as to what productivity tools, plugins, and libraries HTML/CSS streamers use toassist us to be highly proficient.

    What is HTML/CSS?

    HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologiesfor building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a varietyof devices. Along with graphics and scripting, HTML and CSS are the basis of building Web pages and WebApplications, (W3C). An example is the new Safari application for Apple products that uses HTML and CSS.

    Here are the ten (10) best HTML/CSS productivity tools, plugins, and libraries rnecommeded by Livecoding.tvengineers:

    Firebug Lite

    1/7

    http://blog.livecoding.tvhttp://blog.livecoding.tv/2016/03/23/thetenbesthtmlcssproductivitytoolspluginsandlibraries/https://www.livecoding.tv/https://www.w3.org/standards/webdesign/htmlcsshttp://techfactslive.com/author/austin-hogan/https://www.livecoding.tv/https://getfirebug.com/firebuglitehttp://blog.livecoding.tv/2016/02/19/livecoding-tv-new-version/http://blog.livecoding.tv/2015/08/17/codeteacher-south-carolina-frontend-developer/http://blog.livecoding.tv/2015/02/17/the-finnish-article/http://blog.livecoding.tv/2015/07/19/livecoding-tv-pastebin-and-visual-answerbase/

  • 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 forChrome, Firefox and Opera, and will run on any platform that these browsers support including Windows, OS Xand Linux.

    Firefox Font Inspector

    2/7

    http://chrispederick.com/work/web-developer/http://www.google.com/chrome/http://www.mozilla.com/firefox/http://www.opera.com/https://developer.mozilla.org/en-US/docs/Tools

  • 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 additionalfeatures only a cloud application can give you! Codeanywhere is very flexible and you can set up your workflowany way you want it. The elegant development environment will let you focus on building great applicationsquicker. All the features you will need for any coding task are built into Codeanywhere, making developmentmore productive and fun.

    Dropbox

    3/7

    https://codeanywhere.com/https://www.dropbox.com/

  • Dropbox is a file hosting app used for sharing and collaboration. You can add photos, videos, docs, and files toone device, and they will appear on all other devices, including phones and computers. It is available forWindows, Macintosh, and Linux desktop operating system.

    Brackets

    Brackets is a lightweight, yet powerful, modern text editor. It is a modern, open source text editor thatunderstands web design.

    MeasureIt

    4/7

    http://brackets.io/https://chrome.google.com/webstore/detail/measureit/pokhcahijjfkdccinalifdifljglhclm?hl=en

  • MeasureIt is a tool for web designers and developers to help easily measure and size up elements right on theirwebsites. .

    Ultimate CSS Gradient Generator

    Ultimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor highly recommended byLivecoding.tv engineers.

    Mozilla Thimble

    5/7

    http://www.colorzilla.com/gradient-editor/https://www.livecoding.tv/https://thimble.webmaker.org/

  • Thimble is an online code editor that makes it easy to create and publish your own web pages while learningHTML, 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 samefunctionality).

    And there you have it: The ten (10) best HTML/CSS tools, plugins, and libraries to help you become moreproductive according to Livecoding.tv engineers. What are your favorite HTML/CSS productivity tools? What didwe miss in this list that definitely needs to be added to make it complete?

    Livecoding.tv is a livestreaming platform to watch real people from all around the worldcode products live. Join us today and start streaming your projects, develop or watchdozens of streamers, ask questions and learn how to program together!

    You may also like:

    6/7

    https://developer.mozilla.org/en-US/docs/Web/HTMLhttps://developer.mozilla.org/en-US/docs/Web/CSShttps://developer.mozilla.org/en-US/Learn/JavaScripthttp://csstidy.sourceforge.net/https://www.livecoding.tv/https://www.livecoding.tv/?utm_source=blog&utm_medium=post_bottom&utm_campaign=blog_post_bottom

  • Introducing Livecoding.Tv V2.4Codeteacher South Carolina Frontend DeveloperThe Finnish ArticleLivecoding.tv: Pastebin and Visual Answerbase.(Visited 540 times, 14 visits today)

    7/7

    The Ten (10) Best HTML/CSS Productivity Tools, Plugins and LibrariesWhat is HTML/CSS?Firebug LiteWeb DeveloperFirefox Font InspectorCodeanywhereDropboxBracketsMeasureItUltimate CSS Gradient GeneratorMozilla ThimbleCSSTidy