Blog

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…

Read

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…

Read

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…

Read

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…

Read

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…

Read

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…

Read

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.

Read

Create your first web page dynamic with AngularJS

January 06, 2016

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…

Read

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:

Read

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…

Read

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…

Read

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.

Read

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…

Read

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…

Read

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…

Read

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…

Read

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