Skip to content

Instantly share code, notes, and snippets.

View egfx's full-sized avatar
💭
gif.com.ai

Ilya egfx

💭
gif.com.ai
27 followers · 21 following
View GitHub Profile
@egfx
egfx / meta_facebook.html
Last active November 25, 2017 21:15 — forked from manudurgoni/meta_facebook.html
Share a gif image on Facebook
<meta property="og:type" content="video.other"/>
<meta property="og:title" content="Title"/>
<meta property="og:url" content="https://www.gifyoutube.com/watch?v=42dB1QZcEPk"/>
<meta property="og:image" content="https://www.gifyoutube.com/watch?v=42dB1QZcEPk"/>
<meta property="og:image:type" content="image/gif"/>
@egfx
egfx / gist:23270bbe63659da9930404f21e32cbf8
Last active November 18, 2017 04:47 — forked from AhnSeongHyun/gist:6001123
<meta property="og:site_name" content="YouTube">
<meta property="og:title" content="The Social Network - Classroom Scene">
<meta property="og:url" content="https://www.youtube.com/watch?v=-3Rt2_9d7Jg">
<meta property="og:type" content="video">
<meta property="og:image" content="https://i1.ytimg.com/vi/-3Rt2_9d7Jg/maxresdefault.jpg?feature=og">
<meta property="og:description" content="This is my favorite part of the move The Social Network.">
<meta property="og:video" content="https://www.youtubeinmp4.com/youtube.php?video=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-3Rt2_9d7Jg">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1440">
<meta property="og:video:height" content="1080">
@egfx
egfx / index.html
Last active June 10, 2017 07:17 — forked from anonymous/index.html
YouTube Embed Optimized with JavaScript
<div class="youtube" id="QDZnoEHp5ss" style="width:500px;height:281px;"></div>
<p class="p">Does this look right to you?</p>
@egfx
egfx / index.html
Created June 10, 2017 06:35 — forked from anonymous/index.html
Simple Lightbox
<head>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>
<section class="galleryWrapper applyEvent">
<h1 class="header">Click Image to Enlarge</h1>
<div class="imageContainer clearfix">
<a class="imageLink" href="https://s-media-cache-ak0.pinimg.com/736x/21/05/0f/21050f0d31602364e1de84e85e0e65e4.jpg" title="An iconic photo. The Trump's visting the first K Mart. You can see the dashless logo in the background.">
<img class="image" src="https://s-media-cache-ak0.pinimg.com/736x/21/05/0f/21050f0d31602364e1de84e85e0e65e4.jpg" alt="An iconic photo. The Trump's visting the first K Mart. You can see the dashless logo in the background.">
@egfx
egfx / index.html
Created June 9, 2017 18:00 — forked from anonymous/index.html
Simple Lightbox
<head>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>
<section class="galleryWrapper applyEvent">
<h1 class="header">Click Image to Enlarge</h1>
<div class="imageContainer clearfix">
<a class="imageLink" href="https://www.dropbox.com/s/huauyagks8n4xvh/bagpipes-1600.jpg?raw=1" title="Man playing the bagpipes">
<img class="image" src="https://www.dropbox.com/s/huauyagks8n4xvh/bagpipes-1600.jpg?raw=1" alt="Man playing the babpipes">
@egfx
egfx / index.html
Created June 6, 2017 19:34 — forked from anonymous/index.html
Simple Lightbox
<head>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>
<section class="galleryWrapper applyEvent">
<h1 class="header">Click Image to Enlarge</h1>
<div class="imageContainer clearfix">
<a class="imageLink" href="https://www.dropbox.com/s/huauyagks8n4xvh/bagpipes-1600.jpg?raw=1" title="Man playing the bagpipes">
<img class="image" src="https://www.dropbox.com/s/huauyagks8n4xvh/bagpipes-1600.jpg?raw=1" alt="Man playing the babpipes">
@egfx
egfx / index.html
Created June 4, 2017 17:28 — forked from anonymous/index.html
SVG Parallax Animation & Goo CSS Filters | Globe and Mail #Canada150
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<h3>As seen in the <a href="http://www.theglobeandmail.com/news/national/canada-150/fiction-story-of-canada-kathleen-winter/article34232854/">The Globe and Mail</a></h3>
<div id="scene" class="container">
<svg class="svg" version="1.1" x="0px" y="0px" viewBox="0 0 1000.1 428.5" preserveAspectRatio="xMidYMid meet">
<style type="text/css">
.st0{fill:#E8D4B2;}
.st1{fill:#D1B697;}
.st2{fill:#2E2220;}
@egfx
egfx / index.html
Created June 4, 2017 07:13 — forked from anonymous/index.html
Mega Baby
<div class="container">
<div class="cloud"></div>
<div class="cloud"></div>
<div class="cloud"></div>
<div class="mega-baby" data-status="idle">
<div class="body">
<div class="upper-body">
<div class="head">
<i class="face"></i>
<div class="eye left-eye"></div>
@egfx
egfx / emotional-particles.markdown
Created June 4, 2017 07:09 — forked from anonymous/emotional-particles.markdown
emotional particles
@egfx
egfx / css-animated-bicycle.markdown
Created June 3, 2017 18:25 — forked from anonymous/css-animated-bicycle.markdown
CSS Animated Bicycle

CSS Animated Bicycle

Code challenge at my old job.

  • Make an animated HTML/CSS only bicycle. Bonus points if it flips.

A Pen by EricPorter on CodePen.

License.