jQuery

  • How to Create a Full Page Animated Transition

    How to Create a Full Page Animated Transition

    Sam Norton  •  February 9, 2016

    In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or...

  • Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

    Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

    Marius Balaj  •  September 17, 2015

    Have you seen the new Apple TV parallax effect? It is awesome! We have decided to reproduce this effect using CSS and jQuery, and it looks very close to Apple’s parallax...

  • How to Create Sticky Navigation with CSS or jQuery

    How to Create Sticky Navigation with CSS or jQuery

    Sam Norton  •  June 3, 2015

    In the modern web, more websites use the “sticky” position feature in their main navigation or menu. It is making the main navigation stick and remain visible as the...

  • How to Build a YouTube Video Website Background

    How to Build a YouTube Video Website Background

    Sam Norton  •  February 2, 2015

    Big video backgrounds are a recent, and popular, web design trend. Browser-sized videos have brought about a new era of web design in a creative way. If implemented well, video...

  • How to Create Off-Canvas Sliding Navigation Menu

    How to Create Off-Canvas Sliding Navigation Menu

    Sam Norton  •  November 6, 2014

    Off-Canvas Navigation has been on the web for quite some time and is widely used on different types of websites to provide better user experience primarily for mobile device...

  • 15 Responsive jQuery UI Snippets & Modules

    15 Responsive jQuery UI Snippets & Modules

    Stelian Subotin  •  August 28, 2014

    With responsive web design evolving as a must-have for every website, more user-interface related issues have started to come up when designing for mobile and tablet devices. In...

  • How to Make a Flat Styled jQuery UI Combo Box Widget (Part 2)

    How to Make a Flat Styled jQuery UI Combo Box Widget (Part 2)

    David East  •  August 30, 2013

    Designmodo user interface kits are a great starting place for a number of projects, including the framework for a variety of widgets that work great with a little jQuery help. In...

  • How to Create Flat Styled Combo Box with Square UI (Part 1)

    How to Create Flat Styled Combo Box with Square UI (Part 1)

    David East  •  August 28, 2013

    Starting with a free version of a popular Designmodo user interface kit and free fonts, you can make a great looking and functioning combo box that is ready to use. In this...

  • How to Make Custom Flat Styled Google Maps with jQuery and Flat UI

    How to Make Custom Flat Styled Google Maps with jQuery and Flat UI

    David East  •  August 15, 2013

    Designers who use Designmodo user interface kits already know they can create a variety of designs with these speciality tools. In this video, developer David East uses Flat UI...

  • How to Create a Responsive Image Slider in jQuery and CSS3

    How to Create a Responsive Image Slider in jQuery and CSS3

    Valeriu Timbuc  •  November 14, 2012

    Topic: jQuery (flexslider) / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI. We will code...