SVG as a Modern Web Graphics Design

Table of Contents

In this article, i covered following points of SVG:

  • # What is SVG?
  • # Why use SVG? – Pros and Cons
  • # How to make SVG? – Tools
  • # Basic shapes of SVG
  • # How to use SVG on the web?
  • # Exporting SVG for web
  • # Browser Support
  • # More resources about SVG

What is SVG?

SVG stands for Scalable Vector Graphics which can describe in:

S – We can zoom or resize image at any size without losing quality.
V – It is not pixel based, means all shaped are defined by geometry instead of dots (.).
G – Obviously, it is graphic.

Before we dive into SVG, at least we should know what is SVG?

The SVG specification is an open standard developed by the WWW Consortium (W3C) since 1999. It is the XML based language that defines 2D (two-dimensional) vector graphics.

Read Article →

WordPress Loop

The WordPress loop is a list of all or limited number of post and page entries in database. It is the main part of each WordPress theme and core of every WordPress powered site. It cycles through posts that allow us to display them in any manner we want.

WordPress Loop
Read Article →

Guide Using CSS3 Animation

Animation is cool feature of CSS3. Animation is an easiest way to spice up your next project. In short, it lets you change CSS property over specific time duration. It consist of two main components, a style and a set of keyframes that indicate the start and end states of animation’s style.

In this article, i’m gonna introduce you to CSS3 animation, with syntax and example.

Read Article →

Measurement Units in CSS

CSS offers a number of different units for expressing length. It includes absolute units such as inches, centimeters, points, and so on, as well as relative measures such as percentages and em units. You required these values while specifying various measurements in your stylesheet.

Measurement Units in CSS
Read Article →