Flickity

• Add Flickity Navigation on Custom position

  Demo
  Show CodeHide Code
• Disable carousel if single image

  Demo
  Show CodeHide Code
• Demo
  Show CodeHide Code
• Demo
  Show CodeHide Code

Scroll related

• "Color changing logo"

  Demo
  Show CodeHide Code
• Scroll to section

  Demo
  Show CodeHide Code
• Add visible class on Elements when in Viewport

  Demo
  Show CodeHide Code
• Move one div faster to top on scroll when in viewport

  Demo
  Show CodeHide Code
• Smooth parallax Effect on Background Images

  Demo
  Show CodeHide Code
• Subnav items get "selected" when in viewport

  Demo
  Show CodeHide Code

Forms

• Change DOM Order of Input and Label

  Demo
  Show CodeHide Code

  $('.form-group label').each(function () {
$(this).insertAfter($(this).next('input, textarea'));
});
$('.form-group input, .form-group textarea').each(function () {
var val = $(this).val();
if (val) {
$(this).parent('.form-group').addClass('has-val');
}
});
$('body').on('change', '.form-group input, .form-group textarea', function () {
var val = $(this).val();
if (val) {
$(this).parent('.form-group').addClass('has-val');
}
else {
$(this).parent('.form-group').removeClass('has-val');
}
});

Video

• Prevent <video> from loading on Smartphones

  Demo
  Show CodeHide Code

Animations

• Split string in 1-character-span and add incremental delay

  Demo
  Show CodeHide Code

Layout

• Main minimum height related to windows height

  Demo
  Show CodeHide Code

• Demo
  Show CodeHide Code