Blog

Hello there! I wrote this easy and quick guide for you, so that you can do it yourself website, without having any programming languages and coding knowledge or having to be an expert! As a web developer, I can say that in general building a well…

I have wrote a JavaScript function that read all the buttons height through a page and make them to have same height size using jQuery. The Javascript function finds all buttons that are inside of this HTML "data-equal-btns" attribute name and then…

In this post I will show you how to transform a Bootstrap Collapse Panel to Accordion Menu, implement a Bootstrap Collapse Panel with icon and also on how to create a Bootstrap Accordion Expand/Collapse All (open / close all) to control all the…

Bootstrap Menu component is a responsive navigation bar for using on a website or a web app. By default, The Bootstrap responsive menu bar collapses (vertically stacks) in small devices phones display lower than 768 pixels. In this example, I have…

I spent some time playing with the Bootstrap Responsive Table. I was very curious about on how can I create a responsive table with just CSS code without any interaction of Javascript code. I found that nearly impossible to make it happens until I…

In this example I will show you on how you can align text vertically in the middle with div tag. There are few ways to align a text vertically in the center using CSS code.

In this post, I made a Checkout Progress Bar without images just few lines of code of HTML5, CSS3 and jQuery. Progress Bar is helpful on a website when you want the user to follow a specific order of steps until to complete all of them. The main goal…

I created a notification pop up with just CSS3 and HTML5 code. If the mouse over on the "bell" icon you will notice, a show list appears with the notifications.

First of all you have to go at angularjs.org website and click on the download button for downloading the AngularJS javascript file or otherwise copy the link content distribution network (CDN). Then embed it into your HTML file like code below…

I created some buttons in pure CSS3 in various colours. I selected these beautiful colors from Material Design. You can find the CSS3 Buttons HTML/CSS code below:

I developed Event Responsive Landing Page Template using Bootstrap, HTML5, CSS and JS framework where it can be adapt in any display screen like desktop, tablet and mobile phone. The landing page can be used for multiple purposes like event…

I was trying figure out how I can share my screen on my Sony Bravia TV and it took me a little time to figure out how since I searched on Google about "How to Turn on Screen Mirroring on Samsung Galaxy S6" but I didn't find any useful information…

Another post with Font Awesome where in this example I have create a horizontal and vertical CSS Navigation bar combining Font Awesome icons. With the following menu buttons: Home, Blog, Service, About and Contact me that animate when mouse is over.

In my previous post, I wrote about how someone "Get Started with Font Awesome Icons" and now simple how you can create a social media icons with Font Awesome. In this post I would like to share my social icons sidebar where you can check my code. I…

In this post, I use Font Awesome icons in CSS to show how to use Font Awesome icons in CSS and also what someone can do with them in a website. First of all, the Font Awesome provides a complete set of icons in vector and the user can customise size…

I worked on a Bootstrap project, where I had to implement Youtube video on Twitter Bootstrap Modal component. when I pressed to open the Modal component for playing the video, I noticed something weird on it since after Bootstrap Modal has closed. I…

In this post, I will show you on how you can build a Sticky Notification Bar for your website. A notification bars can be a effective way to grab the attention of the visitors and show to them some important information or even promoting your product…