Skip to content

Instantly share code, notes, and snippets.

@toybreaker
toybreaker / index.html
Created December 15, 2020 16:40
Sheets API Specials Menu
<a href="https://docs.google.com/spreadsheets/d/1zIVCVA0Tk5CvAiTyeAdDBPygT3aKDiSeM2FbPU0JO2c/edit?usp=sharing" target="_blank" rel="noopener noreferrer">
<div class="editlink">INSPECT<br />SHEET</div>
</a>
<div id="app">
<section id="specialssection" class="specials-container" v-if="menuItems_L" :style="menuStyle">
<div id="special_component" :style="menuStyle">
<h1>Daily Specials</h1>
<div class="specials-table-container">
<table>
<tbody v-for="item in menuItems_L" :key="`specialmenu-${item.name}`">
@toybreaker
toybreaker / index.html
Created September 21, 2020 12:01
Turning pages with CSS
<div class="imgLoader"></div>
<div class="container">
<h1 class="title">
Turning pages<br>with css
</h1>
<div class="credit">
* Images loaded randomly from Picsum.photos
@toybreaker
toybreaker / index.html
Last active December 25, 2018 09:51
Sheets API Specials Menu
<a href="https://docs.google.com/spreadsheets/d/1zIVCVA0Tk5CvAiTyeAdDBPygT3aKDiSeM2FbPU0JO2c/edit?usp=sharing" target="_blank" rel="noopener noreferrer">
<div class="editlink">INSPECT<br />SHEET</div>
</a>
<div id="app">
<section id="specialssection" class="specials-container" v-if="menuItems_L" :style="menuStyle">
<div id="special_component" :style="menuStyle">
<h1>Daily Specials</h1>
<div class="specials-table-container">
<table>
<tbody v-for="item in menuItems_L" :key="`specialmenu-${item.name}`">
@toybreaker
toybreaker / gallery-image-instagram-jquery.markdown
Last active January 31, 2018 09:08
Gallery Image Instagram - jQuery
@toybreaker
toybreaker / Material design cards & nav.markdown
Created June 30, 2016 23:28
Material design cards & nav

Material design cards & nav

This is a really simple app that has a navigation and some cards.

A Pen by rokma on CodePen.

License.

@toybreaker
toybreaker / SVG SoundCloud Vinyl Search.markdown
Last active December 10, 2015 17:47
SVG SoundCloud Vinyl Search
@toybreaker
toybreaker / meta-tags.md
Created October 27, 2015 13:49 — forked from kevinSuttle/meta-tags.md
List of Usable HTML Meta and Link Tags

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>
@toybreaker
toybreaker / A simple DIY responsive slideshow made with HTML5, CSS3, and JavaScript (No-jQuery version).markdown
Created October 17, 2015 18:24
A simple DIY responsive slideshow made with HTML5, CSS3, and JavaScript (No-jQuery version)

A simple DIY responsive slideshow made with HTML5, CSS3, and JavaScript (No-jQuery version)

Not the most robust slideshow ever (it's meant to be a pretty simple example), but one nice thing about this approach is it uses JS for class-switching but the transitions are all CSS, so it'd be easy to swap the fade-in-out with some other transition. Should work on all modern browsers including IE 10+ (but I haven't tested it!)

Step-by-step blog post here: http://themarklee.com/2013/12/26/simple-diy-responsive-slideshow-made-html5-css3-javascript/

jQuery version (including TouchSwipe for mobile devices) can be found here: http://codepen.io/leemark/pen/Ddgsx

A Pen by Mark Lee on CodePen.

<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>php infos | Pimped! </title>
<meta name="php info" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {