glow button effect css

CSS for Button Glow Effect on Hover

There is a new trend in web design these days and that is to have a glowing button effect for call to action (CTA) buttons in an other-wise clean and flat design. In this post, I will create a simple button and apply glow effect with CSS on it when user hovers over it. We…

Read more

5 Best Material Design Bootstrap Themes

Material Design by Google is surely building up momentum. Being familiar with Bootstrap framework, I went around hunting for Material Design Bootstrap themes and skins available as an option for using in my Web Development projects. In this post I have listed down the best Bootstrap themes around Material design that I could find. Bootstrap…

Read more

Full Screen Background Image with CSS

Many modern web designs have started to adopt a large background image which covers the entire width and height of browser window. The website content is placed on top of this full-screen background image. The background image remains fixed at its position as user scrolls and is also responsive, therefore is suitable to be viewed…

Read more

Zoom Effect on Image Hover with CSS

There are many ways you can add a little spice to your web design projects and one of them is adding a Zoom Effect on Images when user hovers over them. In this post I will share a simple way we can add zoom effect on Image hover with CSS. View Demo of zoom effect on…

Read more

Fixed width sidebar in responsive design

When I was redesigning a few sites, I wanted to put a fixed width sidebar to place ads. But since I was working on to make a responsive design for the site, a sidebar based on grid layouts which are based on percent-width wouldn’t have solved my purpose. In this post, I will share the CSS…

Read more

Simple Share buttons for Jekyll blog

We recently moved this blog from WordPress to Jekyll and created a site structure from the plain vanilla install of Jekyll. The first thing I noticed after moving our posts from WordPress was the absence of plugins for adding share buttons in blog posts and pages, so I made a simple static one of my own.…

Read more

responsive table with zebra stripes

Responsive Table with alternate color rows

In this post I will be sharing CSS code snippet for making a simple responsive table with alternate color rows (zebra stripes). I made use of these when making leader-board tables for our HTML5 games. For e.g. take a look at Spooky Planet’s leaderboard table which is responsive and has alternate color rows. CSS for…

Read more

3d css buttons

How to create a 3D CSS Button

While I love flat web design, but sometimes little things like 3D CSS buttons when combined with otherwise flat design do look much more appealing to the eye. The idea is to emphasize call to action with a 3D effect on these buttons. Many flat design websites as well as apps and games (such as…

Read more