Browse By

16 Tools That You Could Use As A Web Designer

As freelance designers, we rely on many tools and resources to assist in our day to day activities and to plain and simply put – make life easier. From the software we use to the various sites that allow us to host portfolios, there’s something for every freelance designer to utilize to save time.

Code Avengers
Code Avengers’ courses are a fun way for students to learn computer programming and Web design. Participating in interactive coding challenges, bug hunts and robot missions takes the pain out of learning JavaScript, HTML5 and CSS3. The lessons are designed for students of all ages.

codevengers_mini

Coderwall
Thousands of developers share their achievements and current projects on Coderwall. Connect with them, share your own pro tips, and get feedback. Learning new programming languages, tools and technologies has a playful twist and is far from boring. Discover how others are solving their challenges, and gain badges for every completed project.

coderwall_mini

The Starter League (formerly Code Academy)
Trying to build Web apps without the necessary support and guidance can be painful. The Starter League provides you with expert instruction and mentorship. They also paired up with 37signals (creator of Basecamp and Campfire) to provide hands-on knowledge on building successful Web apps.

starter_league_final_2_mini

Pluralsight
Pluralsight was created by a group of developers with the goal of providing the highest quality training possible — for developers, by developers. The library is huge, with courses on nearly every topic you could ask for.

pluralsight_mini

TekPub
TekPub was created with the goal of educating developers. The mini-casts topics range from JavaScript to Ruby on Rails, with more in-depth tutorials available. (Note: Tekpub has been acquired by Pluralsight; old videos can be accessed via Pluralsight).

tekpub_mini

PeepCode
PeepCode offers high-quality one-hour screencasts on development resources. Learning the most important techniques is quick and easy with these tutorials. (Note: Peepcode has been acquired by Pluralsight; old videos can be accessed via Pluralsight).

peepcode1_mini

Hacker Rank
On Hacker Rank, coders compete to beat high scores by solving little challenges accross the whole science universe, including areas like algorithmy, code gold or artificial intelligence. How do you match up against others when coding a bot to win at tic-tac-toe?

hackerrank_mini

Mozilla Webmaker
Mozilla Webmaker wants to help you move from merely using the Web to making something amazing with it. It has new tools for you to use, projects to help you get started, and a global community of creators — educators, filmmakers, journalists, developers, youth — all making and learning together.

mozilla

Google Developers University Consortium
The Google Developers University Consortium features courses on mobile and Web development. You will find many usful resources, especially if you’re working with Android and Google Maps.

googlecode

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_dev7studios_com

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

Style Guide Boilerplate

bjankord_github_io_Style-Guide-Boilerplate

Media Query Builder

arcsec_ca_media-query-builder

Phalcon

phalconphp_com_en

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

Leave a Reply

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