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
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 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
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.Read
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
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
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
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
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
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
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
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
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
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.