How to Implement Login Form Using CSS and HTML

In this tutorial we will implement login form using css and html. There is nothing complicated when comes to logins forms because there are few elements involved in such a html structure. Usually, in order to to a login form from scract you only need two inputs one email or text (if you want to… Continue reading How to Implement Login Form Using CSS and HTML

3 Awesome Hamburger Menu CSS Animation Effects

In this post I’ll animate svg elements in order to get nice hamburger menu css animation effects. To see the effect which will result from our code scroll to the bottom of the page where and play the video. In order to animate the SVG elements we just need few lines of CSS and toggleClass… Continue reading 3 Awesome Hamburger Menu CSS Animation Effects

Amazing Cards 3D CSS Animation Effect On Mouse Move

In this tutorial we will create a 3d css animation for html boxes. We will attach a javascript event on mouse move and we will animate all elements inside our boxes. To achive this effect we will use css properties like transform, translate, rotate, perspective and many more. You can see how the effect will… Continue reading Amazing Cards 3D CSS Animation Effect On Mouse Move

How to Make Animated Counter Using jQuery

In this tutorial I will show you how to implement a custom animated counter using just html css and jquery, no plugin. To achieve this functionality we will have to get the jquery library and add it to the website, and create 3 new files. index.html, style.css and main.js Animated Counter Using jQuery steps: First… Continue reading How to Make Animated Counter Using jQuery

jQuery Dropdown – Easy Drop Down Menu Implementation Bootstrap

To make a dropdown from scratch it is not that hard but you have to take care of a few things like check it on all devices (tablets and mobile device) and you have to be careful at overlapping issues. Anyway I used first time drop down menu from bootstrap library few weeks ago and… Continue reading jQuery Dropdown – Easy Drop Down Menu Implementation Bootstrap

Published
Categorized as CSS, HTML

jQuery Slider – How to implement a jQuery Slider

In this example we will use slick slider because is fully responsive and is very customizable you can move arrows/dots when you need with built in functionality, or you can create your own html for arrows and so on. Basically all you need to initialize the slick slider is the following line of code  jQuery(element).slick();… Continue reading jQuery Slider – How to implement a jQuery Slider

Animated Drop Down Menu CSS3 Transitions

Nowadays more and more peoples browses the internet on mobile phones so we have to create the perfect environment and few some nice aniations will increase the change for that visitor to come back to your website. To achieve the effect that I am talking about we will use html, css and jquery toggle. We… Continue reading Animated Drop Down Menu CSS3 Transitions

Font Awesome Icons – How to use font awesome

There are many reasons why you should use icons font insted of images. The most used method for icons is font awesome. Another alternative would be ico moon but for this you have to pay. Even if is costly icomoon offers you nice features, it has tool which you can convert your svg into font,… Continue reading Font Awesome Icons – How to use font awesome

Hamburger menu CSS and jQuery – Drop Down Menu

Nowadays there is no website if it is not responsive. Among the first things you have to do is to make a responsive menu for your website. On desktop you can let the menu as a list, but on the smaller devices you can’t do this because you do not have that much space, so… Continue reading Hamburger menu CSS and jQuery – Drop Down Menu

CSS3 rotate a div on hover transition – CSS3 transition

In this tutorial I will show you how to rotoate a div with few lines of html and some css3 transitions. The easiest way to rotate a div when you hover on his parent, is to put it with absolute position inside his parent, then when you hover you can do anything you want with… Continue reading CSS3 rotate a div on hover transition – CSS3 transition