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.