Skip to content

Instantly share code, notes, and snippets.

View rickydazla's full-sized avatar

Rick Davies rickydazla

View GitHub Profile
@murtaugh
murtaugh / 1. single-line.html
Last active April 21, 2021 16:23
Blockquote patterns for ALA
<figure class="quote">
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
@karlhorky
karlhorky / grayscale-disable.css
Created August 26, 2012 12:17
Cross-Browser CSS Grayscale
img.grayscale.disabled {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
-webkit-filter: grayscale(0%);
}
@carolineschnapp
carolineschnapp / gist:3452112
Created August 24, 2012 15:41
swatches.liquid
<style>
/* Hiding the drop-downs. */
#product-variants, .selector-wrapper { display:none; }
/* Style the swatches */
#swatches { margin:20px 0 0; }
.swatch { margin:15px 0; }
.swatch ul { list-style-type:none; margin:0; padding:0; }
.swatch li {
@pusherman
pusherman / gist:3145761
Created July 19, 2012 18:13
HTML - Select list of US states
<select name="state" id="state">
<option value="" selected="selected">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
@resistorsoftware
resistorsoftware / dc.rb
Created January 19, 2012 21:07
discount code
require 'csv'
require 'haddock'
require 'mechanize'
# codes = []
# Haddock::Password.diction = "words"
# 500.times do |x|
# code = Haddock::Password.generate(8)
# codes << code unless codes.include?(code)
# end
@davecap
davecap / collections.liquid.html
Last active February 11, 2025 15:00
"Infinite" scrolling in Shopify collections
{% paginate collection.products by 20 %}
<!-- the top of your collections.liquid -->
<!-- START PRODUCTS -->
{% for product in collection.products %}
<!-- START PRODUCT {{ forloop.index | plus:paginate.current_offset }} -->
<div class="product" id="product-{{ forloop.index | plus:paginate.current_offset }}">
{% include 'product' with product %}
</div>
<!-- END PRODUCT {{ forloop.index | plus:paginate.current_offset }} -->
@jdennes
jdennes / LICENSE
Last active March 7, 2024 04:40
Subscribing to a Campaign Monitor list using AJAX
The MIT License (MIT)
Copyright (c) James Dennes
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
@resistorsoftware
resistorsoftware / product.liquid
Last active January 10, 2023 02:31
You Might Like This! Shopify Related Products App
<!--
* a simple HTML DOM element for rendering related products.
* Style with CSS to make the <ul> look like whatever you want.
* place this snippet in your product.liquid where you would like the related products to appear
-->
<div id="related-products-container">
<h1>YOU MIGHT LIKE THIS!</h1>
<div id="related">
<ul class="related">
@resistorsoftware
resistorsoftware / theme.meta-titler.liquid
Created June 24, 2011 02:16
A Liquid Snippet for the Meta-Titler Shopify App
{% capture title %}<title>{{ shop.name }} &#124; {{ page_title }}</title>{% endcapture %}
{% if template == 'product' %}
{% assign mf = product.metafields.meta_data %}
{% unless mf == empty %}
{% for mf in product.metafields.meta_data' %}
{% capture key %}{{ mf | first }}{% endcapture %}
{% if key == 'title' %}
{% capture title %}<title>{{mf | last}}</title>{% endcapture %}
<meta name="title" content="{{mf | last}}" />
{% endif %}