Cross-Browser Image Grayscale

Cross-Browser Image Grayscale

To apply grayscale or make your images desaturate in all Modern Browser like Firefox, Chrome, Opera, Safari on desktop and IOS you can use the following CSS code: The code below is only 50% desaturate you can make it 100% if you want full grayscale in your image when hover. You can also disable it […]

Gutenberg Web Typography Starter Kit

Web Typography

What is Gutenberg Web Typography? Gutenberg is a flexible and simple–to–use web typography starter kit for web designers and developers. Visit Site:

List of iPhone User Agents


I found myself needed sometimes of user agents on iPhone so I can check what my site looks like. Here are some latest list of iPhone and iPad user agents I found that we can use to test our website. iPhone 6 iPhone 6 plus iOS 7 Tablet Safari 7 iOS 7 mobile iOS 8 mobile […]

CSS Hack to Target Browsers

CSS browser hack

Sometimes we need a css hack to target only a browser like firefox only or chrome only just because sometimes a css works only in firefox, sometimes only works in chrome or webkit browsers like safari. This rule is really useful to target a browser if we want to show only on firefox or in other […]

How to Create Stack Image using CSS3

One of my project have a design on lying of image to one another. First I want to do it as background image but I feel there is a way creating it using our love CSS3 and found some good tutorial.

Now I’m going to show you how to create a stack image using CSS3 pseudo :before and :after.

How to create Random Image Background

random image background

Creating Random Image Background in PHP If you ever want to add a image background in your website and you want to make random every time your visitor visited your site, Here is a php tutorial. Step 1: Add this code at the very top. on the array make sure to the image filename of every background […]

New Tactic about Responsive CSS Background Image

responsive css background

I suddenly noticed the significance of making a responsive background image while doing no alteration in terms of aspect ratio with respect to various widths. This happen while I am working on a not so big project endowed to my shoulders by VIP folks from the field of Education. However, the big challenge is, we […]

How to Style Input File Upload button in CSS

style input file upload

Have you been thinking about managing HTML input file upload to make your page more awesome? Well, the wait is over. The answers to your prayers are all here. I was also in that same situation few years back so I did my homework and now I can say I already got the fruits of […]

Page 1 of 212