Category Archives: HTML / Web

CSS3 @media Rule

The @media rule is used to define different style rules for different media types/devices.

Example
Change the background-color if the viewport is 480 pixels wide or wider:

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}
Read more

How can I generate my own favicon?

I recommend using https://favicon.ioRead more

AUTOMATICALLY INSTALL ALL THE GOOGLE WEB FONTS IN UBUNTU USING A SCRIPT

Google Font Directory
Here’s a script that can be used to download and install all the Google Web Fonts. 

What the script does is download all the fonts from Google Font Directory (it includes around hundreds of fonts, each with many variations that
Read more

See how a site appears to the rest of the world

Use GeoPeeker.… Read more

Website favicon generator

Check out this site – http://realfavicongenerator.netRead more

How To Use the DigitalOcean Ghost Application

Introduction

Want to create a simple to use and beautiful blog with Ghost? Thanks to DigitalOcean’s one-click “application” installation, you can create a droplet with Ghost pre-installed, running and ready to go in just a few short minutes!

The … Read more

How do I change the excerpt to show all content?

To display the full content of your Ghost posts from within your post list, follow these simple steps below to get started.

Open the index.hbs file of your theme

From within your theme directory, find and open your index.hbs file … Read more

How to Add Padding to Images using CSS

The CSS padding properties define the space between the element border and the element content.


Padding

The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the … Read more