Bootstrap Responsive hexagon

Today we will see how to create a Responsive Hexagon that will adjust automatically according to its outer container. Actually we will use bootstrap grid and the hexagon will response according to bootstrap grid. We have already seen how to create css3 hexagon but today we will make it responsive using a little jQuery .


bootstrap responsive hexagon
bootstrap responsive hexagon

Continue reading Bootstrap Responsive hexagon

Responsive isotope version 2 masonry layout

Isotope is a nice script to organize and filter your portfolio or gallery item with some cool effects and functionality like masonry  layout support. Peoples are using Isotope very often and I am too on my Projects. It’s may For non-commercial, personal, or open source projects and applications, see License.  But on the isotope version 2, I was facing responsive masonry issue and also sometimes appear problem.  it was very fine and responsive with the old version.

Well, then I mix it up the old responsive functionality with the new one and yes the masonry  Isotope  is also working fine


Continue reading Responsive isotope version 2 masonry layout

Color Switcher Plugin

Color Switcher Plugin is a very simple plugin used to switch color style sheet in a site to change the colors of selected elements. Actually it change the style sheet that contain the colors for the selected classes. In this plugin, there are  different colors css file including the site default color.

Color Switcher Plugin
Color Switcher Plugin

In the color palette, the first one is the default color, i.e the original color of your main style sheet. But if you click into the other color, it will immediately change the default.css (injected by the plugin before into the page ) into the associated  style sheet of your chosen color 🙂  And that way your site color will change into new one as it’s style will overwrite the default/main style for colors.

The installation is also very simple. You may add this to your all pages by adding one line into  your custom JavaScript page. Actually that line will  inject all necessary files.

See the demo of Color Switcher Plugin and also a small Documentation.

The plugin is under MIT license and free for use. You can download it from github @


Heal – Multipurpose Charity WordPress Theme

Heal is a Multipurpose Premium Non-profit Charity WordPress Theme what can be used to build a nice website for a Non Profit Projector or Charity foundation project. Heal is clean, flexible, SEO ready and has a fully responsive layout. Heal WordPress theme loaded with lots of features and has a professional customization option panel.

Demo  Get the Charity WP Theme

Continue reading Heal – Multipurpose Charity WordPress Theme

Md. Shariar's Blog