vlvgfx vilbht
stephenscaff
/ Random Images on Refresh
Last active
September 11, 2025 16:09
Super simple way to randomly load new images on refresh via Jquery and DOM injection. Great for banners.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <!--Little CSS fade in --> | |
| <style> | |
| .fade-in{ | |
| -webkit-animation: fade-in 2s ease; | |
| -moz-animation: fade-in ease-in-out 2s both; | |
| -ms-animation: fade-in ease-in-out 2s both; | |
| -o-animation: fade-in ease-in-out 2s both; |
protrolium
/ YouTube API — getting video thumbnail
Created
February 5, 2014 19:57
YouTube API — getting video thumbnail
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Each YouTube video has 4 generated images. They are predictably formatted as follows: | |
| http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg | |
| http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg | |
| http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg | |
| http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg | |
| The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is: | |
| http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg |
nobuti
/ flexbox-fallback.css
Created
March 8, 2014 08:48
— forked from roine/flexbox-fallback.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* normal flexbox */ | |
| .flexbox .flex-container { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: flex; | |
| } | |
| .flexbox .flex-container.vertical { | |
| display: -webkit-flex; | |
| display: -moz-flex; |
paulgambill
/ import_json_appsscript.js
Last active
January 26, 2026 13:11
— forked from chrislkeller/import_json_appsscript.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Retrieves all the rows in the active spreadsheet that contain data and logs the | |
| * values for each row. | |
| * For more information on using the Spreadsheet API, see | |
| * https://developers.google.com/apps-script/service_spreadsheet | |
| */ | |
| function readRows() { | |
| var sheet = SpreadsheetApp.getActiveSheet(); | |
| var rows = sheet.getDataRange(); | |
| var numRows = rows.getNumRows(); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript" src="http://pubnub.github.io/eon/lib/eon-map.js"></script> | |
| <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/lib/eon.css" /> | |
| <div id='map'></div> | |
| <script type="text/javascript"> | |
| eon.map({ | |
| id: 'map', | |
| mb_token: 'mapbox api token', | |
| mb_id: 'mapbox map id', | |
| subscribe_key: 'subscribe_key_here', | |
| channel: 'my map channel' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Show #element1 by default | |
| // Show #element1 & #element2 by a unique url string | |
| // -- | |
| // ! #element2 is hiding by default with a class of `.hide` | |
| // -- | |
| // if the url string is `?sample=one` | |
| // show `#element1` widget and hide the `#peakday` widget | |
| if (location.search == "?sample=one") { | |
| $('#element1').show(); |
moderatorwes
/ zendesk.js
Created
March 2, 2016 20:29
Zendesk: Hide default system fields on Zendesk Ticket Form
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //hide system fields based on ticket forms(change subdomain and form id) | |
| if (window.location.href == "https://yoursubdomain.zendesk.com/hc/en-us/requests/new?ticket_form_id=11111") { | |
| $('.request_subject').hide(); | |
| $('.request_description').hide(); | |
| $('.form-field label:contains("Attachments")').hide(); | |
| $('#upload-dropzone').hide(); | |
| } |
luruke
/ smashingmagazine.js
Last active
June 19, 2025 11:33
Source code of the demo "Improving User Flow Through Page Transitions" on Smashing Magazine.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/ | |
| You can copy paste this code in your console on smashingmagazine.com | |
| in order to have cross-fade transition when change page. | |
| */ | |
| var cache = {}; | |
| function loadPage(url) { | |
| if (cache[url]) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <meta charset="utf-8"> | |
| <title>Example</title> | |
| <style> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| background: black; | |
| animation-duration: .5s; |