Table of Contents
Articles you may be interested in
Home Backend Development PHP Tutorial Collection of web front-end development gadgets_PHP tutorial

Collection of web front-end development gadgets_PHP tutorial

Jul 13, 2016 am 10:30 AM
web front end small tools develop

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

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/764194.htmlTechArticle has collected some lightweight and very practical front-end development tools, which will be updated from time to time in the future. The list of information collected so far is as follows: CSS 3 related 1. CSS3 style generator: ht...
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Four recommended AI-assisted programming tools Four recommended AI-assisted programming tools Apr 22, 2024 pm 05:34 PM

This AI-assisted programming tool has unearthed a large number of useful AI-assisted programming tools in this stage of rapid AI development. AI-assisted programming tools can improve development efficiency, improve code quality, and reduce bug rates. They are important assistants in the modern software development process. Today Dayao will share with you 4 AI-assisted programming tools (and all support C# language). I hope it will be helpful to everyone. https://github.com/YSGStudyHards/DotNetGuide1.GitHubCopilotGitHubCopilot is an AI coding assistant that helps you write code faster and with less effort, so you can focus more on problem solving and collaboration. Git

Which AI programmer is the best? Explore the potential of Devin, Tongyi Lingma and SWE-agent Which AI programmer is the best? Explore the potential of Devin, Tongyi Lingma and SWE-agent Apr 07, 2024 am 09:10 AM

On March 3, 2022, less than a month after the birth of the world's first AI programmer Devin, the NLP team of Princeton University developed an open source AI programmer SWE-agent. It leverages the GPT-4 model to automatically resolve issues in GitHub repositories. SWE-agent's performance on the SWE-bench test set is similar to Devin, taking an average of 93 seconds and solving 12.29% of the problems. By interacting with a dedicated terminal, SWE-agent can open and search file contents, use automatic syntax checking, edit specific lines, and write and execute tests. (Note: The above content is a slight adjustment of the original content, but the key information in the original text is retained and does not exceed the specified word limit.) SWE-A

Learn how to develop mobile applications using Go language Learn how to develop mobile applications using Go language Mar 28, 2024 pm 10:00 PM

Go language development mobile application tutorial As the mobile application market continues to boom, more and more developers are beginning to explore how to use Go language to develop mobile applications. As a simple and efficient programming language, Go language has also shown strong potential in mobile application development. This article will introduce in detail how to use Go language to develop mobile applications, and attach specific code examples to help readers get started quickly and start developing their own mobile applications. 1. Preparation Before starting, we need to prepare the development environment and tools. head

PHP and Vue: a perfect pairing of front-end development tools PHP and Vue: a perfect pairing of front-end development tools Mar 16, 2024 pm 12:09 PM

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

Questions frequently asked by front-end interviewers Questions frequently asked by front-end interviewers Mar 19, 2024 pm 02:24 PM

In front-end development interviews, common questions cover a wide range of topics, including HTML/CSS basics, JavaScript basics, frameworks and libraries, project experience, algorithms and data structures, performance optimization, cross-domain requests, front-end engineering, design patterns, and new technologies and trends. . Interviewer questions are designed to assess the candidate's technical skills, project experience, and understanding of industry trends. Therefore, candidates should be fully prepared in these areas to demonstrate their abilities and expertise.

Understanding VSCode: What is this tool used for? Understanding VSCode: What is this tool used for? Mar 25, 2024 pm 03:06 PM

"Understanding VSCode: What is this tool used for?" 》As a programmer, whether you are a beginner or an experienced developer, you cannot do without the use of code editing tools. Among many editing tools, Visual Studio Code (VSCode for short) is very popular among developers as an open source, lightweight, and powerful code editor. So, what exactly is VSCode used for? This article will delve into the functions and uses of VSCode and provide specific code examples to help readers

How to enable administrative access from the cockpit web UI How to enable administrative access from the cockpit web UI Mar 20, 2024 pm 06:56 PM

Cockpit is a web-based graphical interface for Linux servers. It is mainly intended to make managing Linux servers easier for new/expert users. In this article, we will discuss Cockpit access modes and how to switch administrative access to Cockpit from CockpitWebUI. Content Topics: Cockpit Entry Modes Finding the Current Cockpit Access Mode Enable Administrative Access for Cockpit from CockpitWebUI Disabling Administrative Access for Cockpit from CockpitWebUI Conclusion Cockpit Entry Modes The cockpit has two access modes: Restricted Access: This is the default for the cockpit access mode. In this access mode you cannot access the web user from the cockpit

Is PHP front-end or back-end in web development? Is PHP front-end or back-end in web development? Mar 24, 2024 pm 02:18 PM

PHP belongs to the backend in web development. PHP is a server-side scripting language, mainly used to process server-side logic and generate dynamic web content. Compared with front-end technology, PHP is more used for back-end operations such as interacting with databases, processing user requests, and generating page content. Next, specific code examples will be used to illustrate the application of PHP in back-end development. First, let's look at a simple PHP code example for connecting to a database and querying data:

See all articles