50个新鲜的Web开发资源和工具

jopen 11年前

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的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.

50个新鲜的Web开发资源和工具

8. Popline

This is the largest HTML5 rich for the storage of database. It contains a toolbar that float around any selected text.

50个新鲜的Web开发资源和工具

9. Validatr

This apps relies on using the modern HTML5 attributes in order to perform validation.

50个新鲜的Web开发资源和工具

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…

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

19. Pure

It has CSS modules which are used on each project online. It is found in Yahoo and it is very small app.

50个新鲜的Web开发资源和工具

20. PocketGrid

It is a responsive grid that allows you to have several columns and different breakpoints. It is very simple and contains CSS.

50个新鲜的Web开发资源和工具

21. Kraken

It is a mobile boilerplate for the front end of webmasters. It comprises a number of essentials properties to be used.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

23. Mosto Frameworks for Forms

With very little constructive tag association and minimal markup, most framework is ideal for building forms.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

25. Typeplate

It is a typographic beginner’s kit which does not make artistic design, instead it describes correct markup with various styling.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

Javascript Tools

27. JSHint

It is a instrument found in the JavaScript for identifying errors from codes, and is able to enforce coding conversation.

50个新鲜的Web开发资源和工具

28. Flatdoc

This is a tiny JavaScript that detects file and fetches them and change into full pages which can be seen clearly.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

34. Countable.js

This is a JavaScript which allows you to insert live paragraph. It has a counting HTML element.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

36. Highlights.js

It main function is to detect different languages and highlight them. It uses code syntax on any net page.

50个新鲜的Web开发资源和工具

37. Intern

It is built to aid you run consistent and high quality for the different applications and libraries from the JavaScript.

50个新鲜的Web开发资源和工具

38. Chart.js

This is the easy and simple way to include animated graphs on the different website

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

45. RoughDraft.js

This offers a fast way of creating functioning HTML without repeating other features in the program.

50个新鲜的Web开发资源和工具

46. Hopscotch

Websites designs and contents speaks volume. Hopscotch makes it effortless to upload and add beautiful contents abc graphics to a website.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具

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.

50个新鲜的Web开发资源和工具