Hand-picked HTML and CSS code examples, tutorials and articles
CSS Gallery, jQuery plugins

YouTube Video Search V3 API Demo Screenshot

W3 Tweaks developed the YouTube Search V3 API tutorial and demo for the user. So here we have covered YouTube search autocomplete suggestion API and YouTube Video search API. We already have separate tutorial for search suggestion with basic implementation. From this tutorial user can easily understand merging both API in single demo. YouTube pagination also implemented user can find the demo and download instent youtube search code below

YouTube API search suggestion screenshot

As we all know YouTube is one of the most popular in video sharing website in the world. People like us want to build the video website like YouTube. So YouTube has given the option for the people to develop or integrate the videos through YouTube V3 API’s. There are lots of YouTube API’s and each API will provide the data’s for different modules. This article provides how to achieve the search with suggestion for the user using YouTube V3 API.

Ip Address Information

Most of the online software providers would like to store the user ip, city, location, country etc information in their database for their feature records. For their convenient, some companies are providing the services to get the ip info (City, location, IP, country, etc…) through web services like xml or in JSON format. Please find the tutorial below to get ip info, city, country, location etc from the below web services providers.

CSS Dotted Waves Loading Widget

CSS Dotted Waves Loading Widget developed using CSS, HTML. Demo and Download available.

Prevent scroll below modal window on iOS

Prevent scroll below modal window on iOS developed using CSS, HTML. Demo and Download available.

Box Link Hover Effect

CSS Hover effect on Box links with animation developed using CSS, HTML. Demo and Download available.

Vanilla JS Basic Accordion

Vanilla JS basic Accordion Developed using CSS, HTML and JavaScript. Demo and Download available.

Multi Color Selectors and adding custom colors

Color Selector, user be able to select multiple colors, as well as add their own custom colors. Developed using CSS, HTML and JavaScript. Demo and Download available.

Stretchy Tab & Springy Content Slider with bursts

A slider with a stretchy bubble tab indicator. Container flexes to accommodate size of new article. Now with impact bursts. Shout out to GreenSock's Jack Doyle for an assist on this one. Developed using CSS, HTML and JavaScript. Demo and download options available.

What's Your Mood Today - Reaction icon

Micro-Interactions with emoji faces. Beautiful animated (What's Your Mood Today) Reaction icon developed using HTML, CSS and JavaScript.