Sign up for our newsletter!

Useful Tools and Resources for Web Designer

If you are an aspiring web designer, chances are that you’re still looking for the best tool for your trade. There are hundreds of tools and resources available on the web, but there’s a difference between them, from ease of use, to level of expertise up to their quality, you’ve got to make sure that you have the best tool for you.

Getting the best tool for your designing project will play a crucial role in your work. Therefore, you’ve got to make sure that you have chosen the best tool for you. Let’s start.


It uses GitHub’s backend, but it has its own layer of search and label functionality. It was designed to be a personal, curated library of snippet. This is like a long-term memory for practicing software engineering.


This is a jQuery plugin that will arrange your images so that it would fit exactly within a container. With this, you can easily define padding for your images, add CSS image borders and define a target row height.


A jQuery based custom UI control. It’s useful for tagging, contact lists, country selectors, and more and is only 7kb when compressed. Its goal is to provide a solid and usable user interface with a clean and powerful API.

Pixel Dropr

It is a Photoshop plugin created by UI parade to enable designers to drag and drop collections of icons, Illustrations, photos and other elements to a PSD file with ease. This allows you to easily customize a PSD filed without the need for File>Open command.

Firefox Font Inspector

It’s a newly integrated Firefox feature integrated into Firefox’s nightly build.

What’s my browser size?

It’s a very straightforward and simple web app that shows you your current browser dimension. It will adjust the size if you adjust the browser window accordingly. This is pretty great if you are playing with media queries and is extremely helpful for responsive web design.

Hex to RGB Converter

From the maker of the one above, Hex to RGB converter with a minimal design that will help you convert HEX to RGB. Pretty useful for designers so that they can easily convert colors from one form to another.

Juicer: a CSS and JavaScript packaging tool

Juicer is a new command line tool that helps by resolving dependencies, merging and compressing files. It can check the syntax, add cache busters to and cycle asset hosts on URLs in CSS files.


If you are looking for a minimal, lightweight and clean HTML and CSS authoring tool, then this one is for you. It’s offered by Adobe and it has a lot of support for different web languages, though it’s best used with front-end development.

Different Kinds of PC Build and How to Do Them

Long gone are the days of prebuilt computer systems because today, building your own PC is way more efficient and cost effective. However, you’ll need to invest time, effort and research if you are going to build your own PC, plus it requires some technical expertise if you’re going to assemble it by yourself. Ignoring those cons, if you build your own PC, you’ll know exactly what your PC can do as well as what are its limitations and capabilities. Plus, self-building PC can incorporate future upgrades in mind, so you can use a motherboard that can support possible newer architectures and graphics card. Enough of the benefits, let’s discuss about different kinds of PC builds.


HTPC is short for home theater PC. This kind of PC build is perfect for those who only intend to watch movies, anime, video clips and for general internet browsing and very light, casual gaming. Suggested components are the following:

  • HD monitor for best viewing experience, preferably 1080p resolution maximum.
  • 4GB of RAM is more than enough.
  • A CPU with embedded graphics card, I suggest using an APU from AMD. APU is short for accelerated processing unit and usually comes with a CPU and GPU in one die. This is far cheaper and has less electricity consumption than a dedicated CPU & GPU combo has. A quad-core processor is recommended.
  • A Blu-ray drive that supports reading and writing Blu-ray files.
  • If you’re going to use and AMP APU, a socket FM2 motherboard.
  • Good sound systems, preferably 5.1 surround.
  • 3 terabytes of hard drive, if you’re going to store movies in your PC
  • Case, fan, mouse, keyboard.

Gaming PC

As the name implies, this is a gaming PC that can handle extensive graphics processing and computing. This will require components that are far more powerful. It can handle video and audio files with ease because of its powerful build. Suggested components are the following:

  • HD or UHD monitor. Resolution can vary from 900p to 4K. Keep in mind though, that higher resolution will require more GPU and CPU power.
  • 8 GB of RAM is great and perfect; 16 GB is good but still quite overkill as of this writing.
  • A quad core CPU of at least 2.6 GHz clock speed.
  • A Blu-ray drive
  • A powerful GPU with at least a gigabyte of memory, preferably DDR5 structure, Radeon 7000 series or higher, GeForce GTX 650 or higher as of this writing
  • SSD and HDD combo
  • CPU cooler, fan cooler


This will require a far more powerful PC build than will make the other PC build bite the dust. Suggested components are the following:

  • Multi HD monitor, especially if you are doing web design, programming or graphic design
  • 32 GB of RAM should be sufficient
  • Minimum of octa core CPU, or the Intel Xeon or the like series
  • Blu-ray drive
  • Dual GPU, GTX 900 or higher, AMD Radeon Rx 300 series or higher as of this writing
  • Terabytes of HDD and SSD
  • Lots of cooling system