Andrea Hurren dede79

## README.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                dede79
                / README.md
            
            
              Created
              February 20, 2025 18:04
                — forked from joyrexus/README.md
            
              
                Vanilla JS equivalents of jQuery methods
              
          
    Sans jQuery

Events

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

  
## input-to-object.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Putting User Input into JS Objects</title>
    <style>
        .formBox{
            padding: 0.5rem 2rem;

## shopify-loadmore.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                dede79
                / shopify-loadmore.md
            
            
              Created
              June 28, 2019 21:36
                — forked from dnordby/shopify-loadmore.md
            
              
                Shopify <li> loadmore (products)
              
          
    Use Shopify pagination to trigger loadmore event

Markup

{% paginate collection.products by 16 %}
<div class="products__collection">
  <ul class="product collection__grid"">
    {% for product in collection.products %}
      {% assign prod_id = forloop.index | plus:paginate.current_offset %}
      {% include 'product-grid-item' with prod_id %}


## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Andrea Hurren - Web Developer</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

     <!-- Latest compiled and minified Bootstrap CSS -->
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Putting User Input into JS Objects</title>
	<style>
	.formBox{
	padding: 0.5rem 2rem;