Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Steve Griffith prof3ssorSt3v3

🎯
Focusing
Block or report user

Report or block prof3ssorSt3v3

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View encoding.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>encodeURI vs encodeURIComponent</title>
<style>
html {
font-size: 20px;
View burger.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>Document</title>
<style>
* {
padding: 0;
View hamburger-menu.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>Animated Hamburger menu</title>
<style>
html {
font-size: 20px;
View animated-underline.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>Animated Link Underline</title>
<style>
html {
font-size: 20px;
View nested-data.json
{ "title": "Nested JSON Data",
"list": [
{"_id":123, "name":"Pickle Rick", "phrases": [ "schwifty", "marty", "rub-a-dub"] },
{"_id":234, "name":"Shy-pooper Rick", "phrases": [ "beth", "bird man", "jerry"] },
{"_id":345, "name":"Tiny Rick", "phrases": [ "summer", "schwifty", "king flippy nits"] },
{"_id":456, "name":"Rick Sanchez", "phrases": [ "gazorp-a-zorp", "the president", "Wubbalubbadubdub"] },
{"_id":567, "name":"Purging Rick", "phrases": [ "protect summer", "And that's the wayyyyyy the news goes!", "pluto"] }
]}
View mv-main.css
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
font-size: 20px;
line-height: 1.7;
}
body {
View box_82b5a4aa7a4a71abaa80.json
{
"type":"The Big Lebowski",
"data":[
{"id":21, "character":"The Dude", "actor":"Jeff Bridges"},
{"id":31, "character":"Jeffrey Lebowski", "actor":"David Huddleston"},
{"id":41, "character":"Theodore Donald Kerbatsos", "actor":"Steve Buscemi"},
{"id":51, "character":"Walter Sobchak", "actor":"John Goodman"},
{"id":61, "character":"Jesus Quintana", "actor":"John Turturro"},
{"id":71, "character":"Bunny Lebowski", "actor":"Tara Reid"},
{"id":81, "character":"Maude Lebowski", "actor":"Julianne Moore"},
View box_7ebd8cb0b8fb187873ef.json
{"type": "archer", "data": [ {"id":1, "first_name":"Sterling", "last_name":"Archer"},{"id":2, "first_name":"Pam", "last_name":"Poovey"}, {"id":3, "first_name":"Lana", "last_name":"Kane"},{"id":4, "first_name":"Mallory", "last_name":"Archer"}, {"id":5, "first_name":"Cheryl", "last_name":"Tunt"},{"id":6, "first_name":"Ray", "last_name":"Gillette"} ]}
View iframe.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>Using iFrames</title>
</head>
<body>
<p><button id="btn">Click to Pause/Play</button></p>
View vid-frame.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>Video Frame</title>
</head>
<body>
<video id="player" width="400">
You can’t perform that action at this time.