Web development tools are widely used. If you want to facilitate development, take a look at the 15 Web development tools described in this article based on Browser Extensions.
1. fir
For designers and developers, good tools are just as important as good ideas. We often say "工欲善其事, its prerequisite", so at the beginning of the project, it is necessary to find out what tasks need to be completed, and which mature tools can be targeted to deal with these problems. With the refinement of web development
other than the Python standard Library.Rebar.Rebar is a responsive sass/stylus grid framework. It keeps your CSS organized and makes your development more efficient.SchemaSchema is a modular, responsive, front end framework for easily and quickly help you jumpstart your process in building COM Plex interfaces for the web right out of the box. Schema comes fully equipped with the capabilities for creating f
dataset. The time consumed for HTTP requests will be greatly reduced, greatly improving the speed (the server must be compressed by gzip ).
Procssor
The advanced CSS "beautifier" is used to strictly format CSS. Turning your CSS into something more appealing requires only a little effort.
Minus
The drag-and-drop quick sharing tool.
Copypaste character
A tool for copying and pasting special web characters.
Name check
Check wh
templates HTML (not required for HTML or a different suffix) Create a new pseudo-model file ( For example, to test the template webroot/views/common/header.html). 4 , creating a pseudo-data model The newly established webroot/values/common/header.html.var,values is the root of the default pseudo-model for the listener. var userlist = {id:2, name: "User One"};Some common variables can be placed in the In the Webroot/values/common.var . The listener executes the Common.var first and then executes
I downloaded IE8 and used it for a while. I didn't pay too much attention to the functions of IE8's developer tools. I tried it a little and found that IE8's developer tools are really good. It can greatly improve the efficiency of client development and debugging.
I will explain my use of IE8 developer tools from th
These are the top ten mobile Web development tools available, and mobile developers can use these tools to create apps for rich functionality (depending on the situation). We welcome your valuable comments.
1) Mobl-lang
Mobl is a free, open-source language that speeds up the deve
course specifically introducing the Emmet plugin.Change Style-ThemesYou can change the style of the editor. After installation, the main menu will have a Themes , open later, select the desired theme.Collapse code block--code foldingLet the html,css,javascript,php code be folded up. Under the View menu, there are a few more menu items.
Collapse Current: Collapse the code block
Expand Current: Expanding the code block
Collapse All: Collapse All code
Expand All: Expand All co
It feels good to see a post online recently! But the English version of the busy today is nothing to exercise English ability to share to everyone to see!Original address: Http://webdesignledger.com/tools/8-useful-online-tools-for-web-designers-and-developersThe translation is as follows:Working with some very useful tools
capabilities.4.Safari Browser① only supports Mac systems. Support on top of other systems is not very friendly and many features are lost.② renders web pages fast.③ supports gestures tab, multi-page label display.The ④ interface is simple and easy to use.⑤ tag Management, bookmark synchronization, private browsing and other features5.Opera Browser① cross-platform browser. supports multiple operating systems.② the recognition function of mouse gesture
topic color value and a single color value, and left-click to drag the color box out of the interface. Very beautiful and practical stuff.CSS Typeset
CSSTypeSet is an online tool suitable for friends who are not familiar with css, you can use this tool to easily write css styles that have the font, text color size, position, Character spacing, word spacing, and other attributes.Blind Text Generator
The multi-function online text editing tool helps designers print and typeset.Reflection Maker
ArticleDirectory
Refer:
Codekit-incident57 is another gorgeous tool, which is currently beta. The features are listed on the official website:
Automatically compile less, sass, stylus, coffeescript, Jade haml and other files
Committed to JS file merging and compression, and JS syntax error check
Also supports compass (SASS companion, official site: compass-style.org)
Even JPEG and PNG images can be optimized.
Automatically refresh the browser (similar
you see a nice text in your image without knowing the font name, you can use it to analyze the font type.MeasureIt
Firefox Plugin, which displays a ruler on the pageColorZilla
It is also a firefox plug-in, which can be colored on the page. It is essential for front-end development.Pingdom
An online packet capture toolTest Everything
Test Everything provides many Test tools to Test your site. From css html to seo, from Network
user. Typetester
Typetester is an online font comparison tool that helps designers select appropriate fonts. Whatthefont
Whatthefont can analyze the font from the submitted image address or the uploaded image, and find the closest font from the database. Ultimate CSS gradient Generator
Colorzilla is an online css3 gradient effect generation tool. Its usage is very similar to that of Photoshop. It is particularly recommended. You may also like
Useful free UI design
write object under CURLGP.2.4.1 Reference WriteYou can use ContentPane.curLGP.write to get the object in the JS script of the CPT template.If the report is embedded in an IFRAME in the Web page, get the Write object outside the IFRAME as follows:var contentpane = document.getElementById (' Reportframe '). ContentWindow.contentPane.curLGP.write;2.5 formForm Preview or parameter interface, there is a Form object.2.5.1 referencing a formIn the CPT templ
publicvoidconfigplugin (pluginsarg0 ) {} @Override publicvoidconfigroute (routesarg0) { arg0.add ("/hello", hellocontroller.class); }}implementing a controller(hellocontroller) registered in routesPackage Com.tener.web.service;import Java.text.simpledateformat;import Java.util.date;import Com.jfinal.core.controller;public class Hellocontroller extends Controller {public void index () {RenderText ("Hello" + NEW SimpleDateFormat ("Yyyy-mm-dd HH:mm:ss"). Format (new Date ())); }}at this point, jfi
As a basic language of web design, CSS shows its unique advantages in web design. For example, a simpler language, a modular structure.
For page development is the design of typesetting improvements, for visitors to the user is helpful to improve browsing speed. And in the development of maintenance and in doing the s
named articles.3. Right click on the articles database and click Shell to enter the console:4. Enter the following code, and then click Run in the upper left corner.Db.articles.insert ({"title":"01MongoDB tutorial "})5. Double-click the article database and click on the data entry to view the information inserted:Double-clicking a field makes it easy to edit in the UI without having to write code updates. Using MongoDB code with the UI can speed database de
Sublime and websublime of web Front-end development tools
I remember that at the beginning, I had no idea about coding. The first problem was what tools were used and there were too many tools. I didn't know what to choose if I had too many
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.