2014年2月为网站设计和开发人员准备的有用工具
Useful Tools and Websites for Designers and Developers
1. UIKit
This is a modular front-end framework that helps in developing fast and powerful web interfaces. Providing you a comprehensive collection of HTML, CSS and JS components, it is one simple, easy to customize and extendable tool.
2. Hover.css
Hover.css is a collection of CSS3 powered hover effects for applying to call to actions, buttons, logos, featured images. It is available in CSS and SASS, for users to easily apply it to their own elements, modify or use the same for inspiration.
3. HackerEarth’s CodePlayer
CodePlayer is a tool that enables users to share the solution to a coding problem. It lets you capture keystrokes as a developer works to play back exactly the same way easily.
4. W3Fools
Wish to pursue a career in designing and development? W3Fools is here to help you take a step forward and learn the best possible way.
5. Red Pen
If you wish to get feedback from your colleagues and clients, test ideas, seek perspective and get approval, Red Pen helps you do so. Just drag and drop an image into the Red Pen homepage and point at areas of the design and get contextual feedback in a simple way.
6. Jiko
Jiko is a modern template engine for Javascript to provide Javascript programmers an ease of writing templates with an engine that is as powerful as Jinja and Mako so is named Jiko.
7. CSS Colours
CSS Colours as the name tells is a visual guide to all of the color names that are used in CSS. It helps you identify and use the same in your miscellaneous projects.
8. Learn The Secret Handshake
‘The Secret Handshake’ is an online resource for student designers and young creatives who wish to get an insider insight, honest answers and solid solutions to obtain a professional outlook.
9. Use Your Interface
Use Your Interface is a growing library of transitional interface and interaction design patterns to inspire you. also, you can communicate your UI ideas with others easily with this tool.
10. Mondrian
Mondrian offers tools to create, modify, and export simple SVG files. Its a free vector graphics web app written in Coffeescript.
11. Hugo
Hugo is a fast and flexible static site generator that is written in GoLang. With the help of markdown files and front matter for meta data, Hugo in just one millisecond does its job efficiently.
12. Modern IE
Microsoft launched a tool named Modern.IE to simplify the task of getting websites to work in older versions of the Internet Explorer web browser which in turn proves to be one useful tool worth trying out.
13. Sculpt
Sculpt is a mobile first, responsive HTML, CSS and SASS framework that in three grid sizes (732px, 960px and 1140px), adjusts well to ensure that your content is well presented.
14. Go By Example
Go is an open source programming language designed to build simple, fast and reliable software. Well, here is a tool named ‘Go by Example’ that with the help of annotated example programs enables users to make optimum use of it to get the desired results.
15. Framebench
Framebench lets users discuss and share creative feedback. Besides, users can conduct online meetings or be the part of them. With it users can easily witness the changes taking place over their existing design in realtime.
16. Origami
This is a free toolkit for design prototyping. With it designers can create interactive prototypes, without bothering about having the programming know-how.
17. LayOutIt
LayOutIt is a tool that lets users create their frontend code in a simple and speedy way with Bootstrap using Drag & Drop Interface Builder.
18. Myth
Myth is a preprocessor that enables users to write pure CSS in simple way without bothering about slow spec approval or slow browser support. With myth developers can write pure CSS in simple way.
19. Sharp & Nimble’s Design Lab
Animated social media sharing icons have cool experimental interface animations that are posted on Sharp & Nimble’s Design Lab for designers to make optimum use of it.
20. ExtractCSS
Here is an online that lets users extract ids, classes and inline styles from HTML document and output the same as CSS stylesheet. All you have to do is type or paste your HTML document and leave the rest on extractCSS to do the needful.
21. Modern IE
This is a set of testing tools for Microsoft web developers that lets you test your site on various versions of IE with the free virtual machines for Windows, Mac, and Linux.
22. Plenty of Frameworks
Here is a framework search engine to quickly find the perfect framework for different projects. Simply enter whether they are a designer, developer or project manager choice of framework.
23. Ink
This is a free Photoshop documentor plugin that lets users document different layers like typography and effects and shape sizes too.
24. LikeAStore
This helps users save resources like GitHub repositories, code libraries, fonts, Dribbble shots, StackOverflow questions and much more without any fuss.
25. Type Quest
This is an online tool that helps educate and make graphic designers and web designers understand the power of OpenType in Webfonts.
Wish to add any other cool tool, application or website that you think would be helpful for designers and developers? Do share it with us. Also, let us know what do you think of the above listed tools and apps by dropping in your valuable comments.