Manuel Estrella manuestrella28

deanhume / intersection-observer.js

Last active May 20, 2021 17:55

Intersection Observer - Image lazy load

	// Get all of the images that are marked up to lazy load
	const images = document.querySelectorAll('.js-lazy-image');
	const config = {
	// If the image gets within 50px in the Y axis, start the download.
	rootMargin: '50px 0px',
	threshold: 0.01
	};

	// The observer for the images on the page
	let observer = new IntersectionObserver(onIntersection, config);

ohiosveryown / change-class-on-scroll.html

Last active December 1, 2024 20:58

Vanilla JS – change/add class based on scroll position.

	// https://codepen.io/cmykw/pen/gemxJm

	// layout
	<nav/>

	// style
	<style>
	body { min-height: 200vh; }

	nav {

richardtorres314 / flexbox.scss

Last active March 24, 2025 17:35

CSS Flexbox - Sass Mixins

	// --------------------------------------------------
	// Flexbox SASS mixins
	// The spec: http://www.w3.org/TR/css3-flexbox
	// --------------------------------------------------

	// Flexbox display
	@mixin flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;

joyrexus / README.md

Last active March 22, 2025 12:57 — forked from liamcurry/gist:2597326

Vanilla JS equivalents of jQuery methods

Sans jQuery

// jQuery
$(document).ready(function() {
  // code
})

sterlingwes / tourney.html

Created December 3, 2012 23:42

Tournament Bracket Generator (Javascript + CSS, no tables)

	<!DOCTYPE html>
	<html>
	<head>
	<title>Tournament Bracket Generator</title>
	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="http://underscorejs.org/underscore-min.js"></script>
	<script>
	$(document).on('ready', function() {

	var knownBrackets = [2,4,8,16,32], // brackets with "perfect" proportions (full fields, no byes)