Collection of web front-end development gadgets_PHP tutorial

We have collected some lightweight and very practical front-end development gadgets, which will be updated from time to time in the future. The current information collected is listed below:

CSS 3 related

1.CSS3 style generator: http://www.css88.com/tool/css3Preview/

2. CSS3 gradient style generator, similar to the gradient interface in Photoshop: http://www.colorzilla.com/gradient-editor/

3. CSS3 animation production tool Sencha Animator: http://www.sencha.com/products/animator/

4. Background color alpha transparency tool: http://www.linxz.de/demo/hex_change.html (IE filter must be in a container with width and height settings, or activate the haslayout attribute. Detailed introduction : http://blog.linxz.de/ie_filter_css3_rgba/)

Data URI

1.Encode Data URL (developed by Shunzi) http://www.css88.com/tool/DataURL/

Transcoding tools

1.unicode conversion tool: http://www.css88.com/archives/2093

2.encode conversion tool: http://labs.pufen.net/views/convert_encoding.php

http://www.css88.com/tool/encode/convert_encoding.php

Online code editor

1. Xiaoke is an online code editor made by Wanzi. It can easily share codes and be used for asking questions, testing and forwarding codes. It is a convenient and good tool: http://code.wanz .im/

2.CodeBox: http://box.linxz.cn/

Javascript related

1.html structure is converted into a js newline string connected by + Tool: http://www.html-js.com/my-js/version0.0.1/tool/html2string.html

2.JS compression tool: http://www.css88.com/tool/ysjs/

3. JavaScript formatting tool: http://www.css88.com/tool/js_beautify/

CSS related

1.css attribute sorting tool: http://www.html-js.com/my-js/version0.0.1/tool/css-format.html

2. CSS shaping and optimization tool: http://www.css88.com/tool/csstidy/

Other related tools

1.PNG compression website: http://www.gracepointafterfive.com/punypng/

2. [FF plug-in] Image compression tool Smush it: http://www.css88.com/archives/1201

3. Screenshot, color selection, size measurement, screen recording tool (FastStone Capture): http://www.css88.com/archives/1096

4.ajax loading Icon online production and collection: http://www.css88.com/archives/1182

Articles you may be interested in

• The 28th Principle : The 28 principles in software development
• SEO issues that programmers should pay attention to when developing websites
• Analysis of the reasons for the continuous decrease in Baidu index volume and how to increase Baidu index volume
• Js address bar special effects (displays the size of all linked pictures in the page and the height of the current browser)
• DedeCMS (Dreamweaver) website server directory security setting experience sharing
• 30 years old The secret to becoming a millionaire, internal skills training and external connections
• How to obtain the width, height and resolution of the client computer screen with php
• Techniques for programmers to develop large-scale applications