Category Archives: Graphics


Graphics Interchange Format

The Graphics Interchange Format (GIF) is a bitmap image format that was introduced by CompuServe in 1987 and has since come into widespread usage on the World Wide Web due to its wide support and portability. The format supports up to 8 bits per pixel thus allowing a single image to reference a palette of […]


What is it JPEG (Joint Photographic Experts Group) is a lossy compression method standardised by ISO. JPEG JFIF, which is what people generally mean when they refer to “JPEG”, is a file format created by the Independent JPEG Group (IJG) for the transport of single JPEG-compressed images. Status The JPEG compression format was standardised by […]


PNG (Portable Network Graphics) What is it PNG is an extensible file format for the lossless, portable, well-compressed storage of raster images. PNG provides a patent-free replacement for GIF and can also replace many common uses of TIFF. Indexed-color, grayscale, and truecolor images are supported, plus an optional alpha channel for transparency. Sample depths range […]

Design a Site From Scratch

This is Part 1 of the 3 part series, “Site From Scratch: Localmost”. In Part 1, we’ll be designing a dark and sleek web layout in Photoshop. I will walk you step by step through the process in designing our fictitious company’s layout. In Part 2, we’ll be moving our design to the web using […]

PSD/HTML Conversion

In this PSD/HTML conversion tutorial, we will take a PSD web design template that I showed you how to construct in a previous tutorial and turn it into a functional HTML/CSS template. This is the second part of a tutorial on building a clean business website. This second part will focus on converting and coding […]

Make a Web Layout Using Photoshop

This web design tutorial will show you the process of developing a PSD mockup of a clean and simple blog layout. We will be creating the design of the front page of the blog. The next part of this tutorial will walk you through coding the PSD to HTML/CSS. Elegant and Simple Blog Web Layout […]


Graphics (from Greek γραφικός graphia) are visual presentations on some surface, such as a wall, canvas, computer screen, paper, or stone to brand, inform, illustrate, or entertain. Examples are photographs, drawings, Line Art, graphs, diagrams, typography, numbers, symbols, geometric designs, maps, engineering drawings, or other images. Graphics often combine text, illustration, and color. Graphic design […]

Difference between a vector and a scalar

A scalar is just a number, and a vector is a number with a direction involved. In the first question, pounds, newtons, and dynes are all *forces*. A force can’t exist as just a number; force has to be directed somewhere. 2 kilometers/hour east gives you a number and a direction. The answer a) is […]