Jerico Veloso enjayeyvee

Handy Custom Elements' Patterns

This gist is a collection of common patterns I've personally used here and there with Custom Elements.

These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

	class SessionsController < ApplicationController
	include ShopifyApp::SessionsController
	before_filter :check_allowed_shops, only: :new

	private

	# Checks that the shop attempting to login (starting OAuth flow) is allowed
	def check_allowed_shops
	if params[:shop].present?
	if allowed_shops.include?(params[:shop].gsub(".myshopify.com",""))

	/**
	1.1 Checkout
	- Gorilla will add custom client side validation to the shipping method address field to test if the string contains a pattern of characters that would denote that the string contains the words PO Box.
	- If the validation fails the user will be displayed a message stating that the shipping address cannot be a PO Box.

	? P.O. Box
	? PO. Box
	? PO Box
	? POBox
	? P O Box

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>CSS Flip</title>

	<style type='text/css'>
	/* entire container, keeps perspective */
	.flip-container {
	-webkit-perspective: 1000;