Login page with Remember me in PHP

Remember me option allows the user to automatically get logged in to the website without entering its username and password again.

To do this I am using $_COOKIE that store value on the client-side for detecting the user. Next time when the user comes it will automatically redirect to the homepage.

Encrypt the value before storing it to $_COOKIE and decrypt it while access. It will automatically destroy after 30 days.

Login page with Remember me in PHP

Read more

How to change page title and icon on Page leave with jQuery

Page titles and icons are important elements of a website that help visitors identify and remember the website they’re visiting.

However, sometimes you may want to get back the user’s attention to your site by animating the site page title and icon when the user leaves your website or open another tab.

It can be done with and without the jQuery plugin.

In this tutorial, I show how you customize the tab with iMissYou and mFancyTitle jQuery plugins and with the only jQuery on-page leave.

How to change page title and icon on Page leave with jQuery

Read more

Lazy image load with BttrLazyLoading jQuery plugin

The BttrLazyLoading is a jQuery plugin that loads images that are within the viewport. This delays the loading of images on long web pages.

It allows defining images for 4 different screen sizes ( mobile, tablet, desktop, and large desktop ). It has various options for customization.

In this tutorial, I show how you can use the BttrLazyLoading jQuery plugin to implement lazy image loading on your website.

Lazy image load with BttrLazyLoading jQuery plugin

Read more

Back to top with CSS and jQuery

The Back to Top button takes the user back to the top of the page.

The button is visible at the bottom when the user starts scrolling the web page and crosses the defined range. It remains fixed at its position during the scroll.

It auto-hides when the user reaches the top of the page.

Back to top with CSS and jQuery

Read more