50个新鲜的Web开发资源和工具
CSS and HTML Tools
1. CSS Trashman
Since CSS is garbage the CSS-optimizer cleans up the trash. This is an online tool which only allows you to supply a URL and it is able to scan the website. In case of any problem it is able to reverse engineering to be like new again.
2. Prepros
This app is based on the web and it contains every processing language with and also a live browser refresher. It combines a number of languages like the coffee script, slim, jade, and markdown.
3. CSS Modal
This is a modal purely build of CSS and it is adaptive to different screen sizes starting from phones and other devices. With a bit of animation, transformation, and transition it can be made more special.
4. piCSSel-art
It is an app which allows you to create a pixel art using CSS only. It is a tool which converts your pixel art to pure CSS ready to be put into your webpage.
5. Preboot
It is a pack of mixins and different variables which are used in conjunction with LESS, and it also has CSS processor. It is contains flexible collection.
6. Diagnostics
It is a style sheet which enables you to detect any invalid, unreachable, or wrong HTML markup that might be on the web.
7. Markdown.CSS
It is a web application tool which is used for making HTML to appear like a plain text. It is a better default for styling your markdown files.
8. Popline
This is the largest HTML5 rich for the storage of database. It contains a toolbar that float around any selected text.
9. Validatr
This apps relies on using the modern HTML5 attributes in order to perform validation.
10. Glue
It is a commanding line tool for generating CSS spirits. It enables you to post content easily across your web.
11. CSS Embed
It format the document when it detects a style sheet. It is a small tool in the website to automatically embed data URLs in the CSS files.
12. LESS Prefixer
This is a line mixins which lets you to use vendor prefixer CSSproperties without the use of prefixers. It works behind the scenes adding the current apps. It allows you to use unprefixed CSS properties anywhere and everywhere.
13. Csscss-ACSS Redundancy Analyze
This is gem which allows you to analyze the redundancy. It is easy to use and shows you what is in redundant. It instantly connects you to what is most important and it follows your celebrities, friends etc…
14. Helium CSS-JS tool To Scan Your Site and Show Unused CSS
It is a tool which assists you find unutilized CSS across various pages on the web. It takes most of URLs list and loads them to put together a list of all style sheets.
15. CSSO Structural Optimization of CSS files
It is used to make file size to be smaller compared to different others. It removes duplicate sectors, merge blocks and removes empty files.
CSS Frameworks
16. Cascade Framework
It can be used by both the old and new browsers. It features support internet Explorer, and now you do not need to support the current browser alone.
17. Responsible Framework
It is controlled by LESS or CSS and it is based on the semantic.gs. It is very responsive grid system with a very strong typographic baseline.
18. Mueller Grid System
It is mostly based on the compass with a modular grid structure which is very responsive. It has layouts which could be non-responsive or adaptive.
19. Pure
It has CSS modules which are used on each project online. It is found in Yahoo and it is very small app.
20. PocketGrid
It is a responsive grid that allows you to have several columns and different breakpoints. It is very simple and contains CSS.
21. Kraken
It is a mobile boilerplate for the front end of webmasters. It comprises a number of essentials properties to be used.
22. Fitgrid
It is the foundation for anyone to build up a responsive website. It is designed to allow rapid prototyping and is perfect for advanced web designers.
23. Mosto Frameworks for Forms
With very little constructive tag association and minimal markup, most framework is ideal for building forms.
24. Groundworks CSS
It contains HTML5, JavaScript, and CSS which allows rapid prototype and building of available net apps which pretty works on online in any device.
25. Typeplate
It is a typographic beginner’s kit which does not make artistic design, instead it describes correct markup with various styling.
26. Topcoat – CSS Clean and Fast Web Apps
It has a library of CSS which assist developers to build website apps which focuses on speed. It come from Adobe design and its feedback is from PhoneGap app developer.
Javascript Tools
27. JSHint
It is a instrument found in the JavaScript for identifying errors from codes, and is able to enforce coding conversation.
28. Flatdoc
This is a tiny JavaScript that detects file and fetches them and change into full pages which can be seen clearly.
29. SVG.js
It is a library for constructing and also animating SVG without getting support from anywhere. It main aim is to set it in a base mode.
30. Midways.js
This is the center in your website for the responsive elements. It makes it simple to automatically modify some of the properties in your website.
31. WideArea
It is a simple JavaScript library that allows you to create a wide text area and be able to write big numbers of texts easily.
32. GIF.js
This is a JavaScript which operates in your browser and uses typed collections. It allows web developers to reduce their time in creating frames in the background.
33. Instano.js
This app lets detect if JavaScript is working or not when the page is loading. A message is sent to the user when JS is not working.
34. Countable.js
This is a JavaScript which allows you to insert live paragraph. It has a counting HTML element.
35. Packery
It uses a bin-packing since it is a JavaScript outline library. No empty gaps are left since packer fills all this gaps.
36. Highlights.js
It main function is to detect different languages and highlight them. It uses code syntax on any net page.
37. Intern
It is built to aid you run consistent and high quality for the different applications and libraries from the JavaScript.
38. Chart.js
This is the easy and simple way to include animated graphs on the different website
39. Draggabilly
This allows you to list down all your events so that you do not forget either of them. Their license was released under the MIT.
40. Intro.js
It has great guidelines that users and developers with little skills can use. At the same time it is
harmonious with the roadmaps. Users and developers can use it with Firefox and also chrome. It is easy to design and use.
41. Headtrackr
This is one of the best JavaScript apps users can use to track down their browsing experience via the use of webcam. Companies can benefit a lot as they can use it to track down.
Javascript Frameworks
42. React
This is a 非死book app that is gaining momentum especially with the increased use of social media and blogging. It helps in building interface for users.
43. Pedestal
This is an app that is getting popular by day. It supports language features which most users and developers find attractive and useful. It is also first to create and easy design.
44. Helios
This is one of the fastest way to create apps and keep your customers happy and satisfied. Users want apps that will get their websites run in just a few clicks.
45. RoughDraft.js
This offers a fast way of creating functioning HTML without repeating other features in the program.
46. Hopscotch
Websites designs and contents speaks volume. Hopscotch makes it effortless to upload and add beautiful contents abc graphics to a website.
Web Based Apps
47. MarkdownEditor
This is customized Language based app that makes browsing and communication a lot easier. It has great features and improves the online experience.
48. RedPen
When it comes to getting feedback quickly, red pen is the answer. It allows users to design their personalized designs, share them including links. This can be great for web optimization.
49. CodeMirror
It allows customization, has great plugins and has a variety of languages that can be used.
50. LightTableIDE
This is a great app that saves on time and energy by working on active projects. Customization of websites is had easier and game lovers have a reason to celebrate.
