14 Useful Learning Resources For Web Designers & Developers

August 14, 2014
1 Star2 Stars3 Stars4 Stars5 Stars

Web designers are lucky comparing to other type of design jobs because they have the most resources at their disposal to work with and this is because web designers create resources for them and for other web designers too.

OWL Carousel

owlgraphic_com_owlcarousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

TowTruck

towtruck_mozillalabs_com

A service for your website that makes it surprisingly easy to collaborate in real-time.

Topcoat

topcoat_io

Topcoat is a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community.

Pico

Pico

A stupidly simple & blazing fast, flat file CMS. Making the web easy.

Style Guide Boilerplate

screenshot-by-nimbus

Media Query Builder

screenshot-by-nimbus (1)

Phalcon

screenshot-by-nimbus (2)

Phalcon is a web framework implemented as a C extension offering high performance and lower resource consumption

ack

screenshot-by-nimbus (3)

Designed for programmers with large heterogeneous trees of source code, ack is written purely in portable Perl 5 and takes advantage of the power of Perl’s regular expressions.

huboard

screenshot-by-nimbus (4)

Huboard is built from the ground up using the GitHub public API. Huboard issues are GitHub issues,you will never have to deal with syncronization problems. Keep issues where they belong, in the repository with your code!

Tipue Search

screenshot-by-nimbus (5)

Tipue Search is a site search engine jQuery plugin. It’s open source and responsive.

S Gallery

sarasoueidan_com_blog

PSD.rb

cosmos_layervault_com_psdrb_html

PSD.rb is a general purpose Photoshop file parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree structure and find out important data.

Anchor

anchorcms_com

Anchor is a super-simple, lightweight blog system, made to let you just write.

Shapeshift

mcpants_github_io_jquery_shapeshift

Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest.

What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order.

UI Kit

getuikit_com

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Leave a Reply

Your email address will not be published. Required fields are marked *