Resources | Wenmin Chen - Boston Freelance Web Developer & Designer

Resources

Favorite web design & development resources

Wordpress resources

Genesis Framework: a popular framework by StudioPress for development Wordpress sites. It comes with SEO optimized code and airtight security features.

Destop Server: No more WAMP/MAMP/XAMP. Desktop Server allows you to quickly generate WordPress projects that run locally.

Learn Web Development (free)

Learn to Code HTML & CSS covers a variety of web design and development topics from beginning to advanced levels. The explainations are clear and the site is highly organized.

Odin Project is a complete curriculum for learning web development consisting of best online resources. The focus is on projects so you can learn by doing. It also offers opportunities to connect with other students so you don't have to learn on your own.

Code Academy offers free online courses that teach you the basics of a number of programming languages.

Web Development Tools

HTML 5 Outliner is a tool for visualizing the outline generated by HTML5 file.

Markup validation service is a tool for validating HTML code.

CSS validation service is a tool for validating CSS code.

XML Sitemap is a tool for creating sitemaps that are used by the major search engines to index your webpages accurately.

Resizemybrowser is a simple browser window resize app for Web designers and developers.

Can I use? is a terrific resources for browser support for different HTML and CSS properties.

deCSS3 is a tool that disabled any CSS3 features, allowing you to see what your website looks like without CSS3 and whether conditional styles are working.

haz.io is a tool that gives you a sense of your browser support for latest HTML, CSS, and Javascript features with the help of Modernizr.

Real Favicon Generator is a tool for generating favicons that work on most browsers and platforms.

CSS Resources

CSS-Tricks is a blog created and maintained by Chris Coyier about various web design and development topics.

Autoprefixer CSS online is a tool that makes your stylesheet cross-browser compatible by adding necessary browser specific prefixes.

Eric Meyer CSS Resets is a set of CSS rules that resets the styling of HTML elements to a consistent baseline to ensure that each web browser starts with the same set of display defaults.

Normalize.css is a HTML5-ready alternative to CSS resets. It precisely targets only the styles that need normalizing.

Typography

Font Awesome gives you scalable vector icons that can instantly be customized using CSS.

Google Fonts are free, open-source fonts optimized for the web.

jQuery plugins

Masonry is an open source, jQuery plugin used to create Masonry layout (a.k.a. Pinterest style layout). Masonry differs from other grid layouts in that it doesn’t have fixed height rows. It optimizes the use of space by minimizing vertical gaps between elements of varying height.

Isotope is a highly customizable jQuery plugin used for filtering and sorting.

Galleriffic is a popular, easy-to-use jQuery photo gallery and slideshow plugin optimized to handle high volumes of photos.

Fancybox is a tool that displays images, content, and multi-media in a "lightbox" that floats overtop of webpages.

Free stock photos

Unsplash is a collection of free high-resolution photos. The website uses the Creative Commons Zero license, which doesn’t require attribution but does encourages it if possible.

Stocksnap.io is a another terrific resources for high-resolution images. All photos are released under Creative Commons - CC0 and do not require attribution.