Web Design tips: Web sites and web apps that are often used in web development

Article Description: The Web user experience, Jake Rocheleau, has written an article to share Web sites and web apps that he uses frequently in web development, including various font libraries, code libraries, plug-in libraries, color schemes, and test tools. He also pointed out that the web development environment will slowly turn to the cloud.

The Web user experience, Jake Rocheleau, has written an article to share Web sites and web apps that he uses frequently in web development, including various font libraries, code libraries, plug-in libraries, color schemes, and test tools. He also pointed out that the web development environment will slowly turn to the cloud.

Codevisually is an open source project. In its catalog has a variety of plug-ins, templates, themes and scripting programs, you can find a lot of useful JS library, but also for WordPress developers provide a framework and templates. If you're a jquery frame or JavaScript enthusiast, then you must always go to codevisually to see how many new plug-ins can add some exciting features to your site. Also, displaying plug-ins in thumbnail form can help you better organize them than GitHub or other code libraries.

Cmmntr is a website built by Japanese developer Motoshi Goto News and hotspot issues in web design. The resources in the Web site are mainly tutorials and plug-ins, and also include some great demo demos and open source projects. Jake Rocheleau says his favorite cmmntr is that it integrates similar resources and lists detailed comparisons, such as the CSS DB framework. Generally speaking, CMMNTR has very high articles and rich development resources.

The Google website font resource is free and compatible with browsers because it only introduces a font library link style from Google, without having to worry about various bugs that can be caused by different browsers ' parsing of CSS. At the same time, no need to introduce JS, so even if the user PC prohibit the loading of JS, it will not affect the use of Google font library. In addition, WordPress blog can use WP Google fonts plug-in easy to change the font.

Jake Rocheleau thinks stack overflow is the best question-and-answer website that can help web developers solve their problems. In addition to the strong willingness of users to respond, these answers are rarely deleted, facilitating the archiving and searching of developers. Jake Rocheleau says that by searching for a problem in Google and adding stackoverflow.com as a keyword, you can find a number of plausible solutions, and 90% of his questions can be answered in this way.

Web App--codepen is a cloud of web integration development environment. It provides a lot of results, and developers are constantly opening their own demo and code for others to use. Developers only need to choose a different effect can easily match the desired site page, can also be based on these demo on their own development. Another advantage of it is that you can bookmark your own demo in Codepen, and you can easily invoke it when you show it to others, without having to upload the code to the server.

Today, more and more users are starting to view Web pages through tablets and mobile phones, and testing of web effects on mobile products has become a very important area. In the ipad peek, you can see how they will look on different mobile devices on your PC by simply selecting the devices you want to test (including the iphone 4, iphone 5, and the two screens on the ipad).

Web designer Chris Coyier has a separate page in his blog--css snippets specifically collects CSS snippets that can be used frequently, and you can archive them with web-editing apps like coda. This helps web developers save a lot of development time, and another similar tool is the CSS resets that Eric Meyer has built, which is better suited to save code for local effects of web pages.

Pictaculous is a very innovative web site, when you upload a picture to pictaculous, it will help you choose the most appropriate color scheme. So, when you design a new website, especially according to some limited logo to build, upload them to pictaculous, will get a good color reference, also easy to carry out a variety of color scheme test.