Sometimes we need to run the functionalities after some delay not immediately. For example, Send the search requests after a delay in the search form. Show the announcement bar in some delay after the site is loaded. There are several libraries to implement the Debounce functionality and we can use one of them in our …
Animate on Scroll
On the frontend design, we can implement the animation effect on scrolling using the following library. https://github.com/michalsnik/aos Currently most of the premium Shopify themes are embedding this library by default to use their awesome animation functionality. We can use this library to implement the scrolling effect on our any frontend projects.
Google API usage
Google APIs is a set of application programming interfaces (APIs) developed by Google which allow communication with Google Services and their integration to other services. Examples of these include Search, Gmail, Translate or Google Maps. Third-party apps can use these APIs to take advantage of or extend the functionality of the existing services. The APIs provide functionality like analytics, machine learning as …
Timeago.js
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”). View the examples, and enjoy. You opened this page about a minute ago. This page was last modified about 15 hours ago. Ryan was born 40 years ago. Why? Timeago was originally built for …
Using table components in Vue.js
Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is …
Sorting images automatically in HTML, and implement the gallery module
In real website coding, we are facing some challenges to create the complex gallery module in HTML or on the WordPress landing page sites. Fortunately, there are already pre-built libraries we can use or refer on, so we don’t need to waste our time to re-build them from scratch. Here are some of the image …
Using custom fonts in CSS
On the frontend design, we are apparently facing image blurring issue when we try to use png or svg files as icons or logos. Especially the image blurring issue is happening when we scale the image size. To fix this issue and keep the high resolution of image, and also to improve the site loading …
Using sprites for multiple images in CSS
When we need to use several images in CSS, we can consider about using Sprites technology to improve the site loading speed. Using Sprites in CSS, we can decrease the number of images, which will be directly affect to the decrease the number of HTTP requests. Resources: https://css-tricks.com/css-sprites/ http://www.w3schools.com/css/css_image_sprites.asp https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS
General information required when setting up GSuite email.
Gmail keeps you updated with real-time message notifications, and safely stores your important emails and data. IT admins can centrally manage accounts across your organization and devices. When we are going to setup a GSuite email, we need the following information generally. Main domain and a site must be hosted at this domain Normal Gmail …