javascript

Image
Scroll To Top / Back To Top

Very often when developing or maintaining a site, clients ask me to create functionality in the footer that will scroll the page to the top. I know this can be done with the helpful and wonderful Back To Top module, but I am the person who tries to have as few enabled contrib modules as possible on the site and save time on support in case a new version of the module appears. In my short article, I will show how to make similar functionality in 5 minutes.

Image
 Example of gulp file

In this crib is a ready-made example of a gulp file that you need to take and use. Suitable for any project and solves the most frequent and necessary tasks when developing a theme, work with SASS, Images, Icons.

18 Mar.2018
Image
Example of grunt file

In this crib is a ready-made example of grunt file that you need to take and use. Suitable for any project and solves the most frequent and necessary tasks when developing a theme, work with SASS, Images, Icons.

Image
Autocomplete Address Form

We are going to be building a basic address form and we are going to use the Google Maps and Places JavaScript APIs to autofill the form when the user types any address or postal code fields.

Image
CSS & JS: Make Youtube responsive

You can make YouTube videos responsive with CSS. Wrap the iframe in a div with the class of "youtube-container" and apply the styles.

Image
Yahoo Finance + Highstock or Chart.js

The example which shows how to build a nice chart using a minimum of JS code written.

Image
equalHeight DIV tweaks

A simple JavaScript code to equalise heights of multiple elements on a page. The basic idea is to measure all of their heights and then set all their heights to that of the tallest one.