Practical tips for responsive web design.

Best Way To Build A Website In Less Than 17 Minutes

May 17, 2017

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…


Make Bootstrap Buttons same height

September 25, 2016

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…


Bootstrap Collapse Panel Examples

June 29, 2016

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 Examples

May 22, 2016

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…


Bootstrap Responsive Table with CSS3

April 21, 2016

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…


Creating Checkout Progress Bar With HTML5, CSS3 and JQuery

April 20, 2016

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…


Notification Popup with CSS3 and HTML5

April 20, 2016

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.


Create your first web page dynamic with AngularJS

January 06, 2016

First of all you have to go at 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…


Beautiful Colors CSS3 Buttons

October 24, 2015

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:


Responsive Landing Page Template With Bootstrap

June 28, 2015

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…


How To Use Screen Mirroring On Samsung Galaxy S6

June 07, 2015

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…


Create css navigation bar with Font Awesome

April 26, 2015

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.


Create Your Own Social Media Icons With Font Awesome

April 26, 2015

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…


Get Started with Font Awesome Icons

April 25, 2015

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…


Twitter Bootstrap Modal stop Youtube video

March 28, 2015

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…


Building a Sticky Notification Bar using CSS3 Animation

January 04, 2015

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…


Hi I'm Andreas Eracleous and I'm a Front-End Web Developer.
Learn more about me.

Welcome to my blog. I hope you find something useful here.

Follow me on