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 andLibrariesHaving 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 Lite1/7http://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 DeveloperThe 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 Inspector2/7http://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/ToolsFirefox Font Inspector examines, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.CodeanywhereCodeanywhere 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.Dropbox3/7https://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.BracketsBrackets is a lightweight, yet powerful, modern text editor. It is a modern, open source text editor thatunderstands web design.MeasureIt4/7http://brackets.io/https://chrome.google.com/webstore/detail/measureit/pokhcahijjfkdccinalifdifljglhclm?hl=enMeasureIt is a tool for web designers and developers to help easily measure and size up elements right on theirwebsites. .Ultimate CSS Gradient GeneratorUltimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor highly recommended byLivecoding.tv engineers.Mozilla Thimble5/7http://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.CSSTidyCSSTidy 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/7https://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_bottomIntroducing Livecoding.Tv V2.4Codeteacher South Carolina Frontend DeveloperThe Finnish ArticleLivecoding.tv: Pastebin and Visual Answerbase.(Visited 540 times, 14 visits today)7/7The Ten (10) Best HTML/CSS Productivity Tools, Plugins and LibrariesWhat is HTML/CSS?Firebug LiteWeb DeveloperFirefox Font InspectorCodeanywhereDropboxBracketsMeasureItUltimate CSS Gradient GeneratorMozilla ThimbleCSSTidy