A Pen by yoichi kobayashi on CodePen.
A973C A973C
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
| <div class="e-loadholder"> | |
| <div class="m-loader"> | |
| <span class="e-text">Loading</span> | |
| </div> | |
| </div> | |
| <div id="particleCanvas-Blue"></div> | |
| <div id="particleCanvas-White"></div> |
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
| <div class="container"> | |
| <div class="chevron"></div> | |
| <div class="chevron"></div> | |
| <div class="chevron"></div> | |
| <span class="text">Scroll down</span> | |
| </div> |
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
| <!-- Hero --> | |
| <section class="et-hero-tabs"> | |
| <h1>STICKY SLIDER NAV</h1> | |
| <h3>Sliding content with sticky tab nav</h3> | |
| <div class="et-hero-tabs-container"> | |
| <a class="et-hero-tab" href="#tab-es6">ES6</a> | |
| <a class="et-hero-tab" href="#tab-flexbox">Flexbox</a> | |
| <a class="et-hero-tab" href="#tab-react">React</a> | |
| <a class="et-hero-tab" href="#tab-angular">Angular</a> | |
| <a class="et-hero-tab" href="#tab-other">Other</a> |
CodeMyUI
/ demo-css-scroll-down-button.markdown
Created
February 1, 2017 04:28
demo:CSS scroll down button
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
| <?php | |
| class DateTimeFrench extends DateTime { | |
| public function format($format='j M Y'){ | |
| $days_full = array( | |
| 'Monday' => 'Lundi', | |
| 'Tuesday' => 'Mardi', | |
| 'Wednesday' => 'Mercredi', | |
| 'Thursday' => 'Jeudi', |
krcummings1
/ wunderground-lambda.js
Last active
November 25, 2017 09:27
AWS Lambda function to stream Wunderground data to Initial State
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
| 'use strict'; | |
| let https = require('https'), | |
| http = require('http'); | |
| const ISBucketKey = 'YOUR-BUCKET-KEY', | |
| WundergroundApiKey = 'WUNDERGROUND-API-KEY', | |
| WundergroundCity = 'Nashville', | |
| WundergroundState = 'TN'; | |
| const ISAccessKey = 'YOUR-ACCESS-KEY'; |
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]) { |
CodeMyUI
/ CSS3 Animated Clouds.markdown
Created
May 20, 2016 14:22
— forked from anonymous/CSS3 Animated Clouds.markdown
CSS3 Animated Clouds
Just some CSS3 Animations to recreate the sky.
A Pen by Montana Flynn on CodePen.
CodeMyUI
/ Google Photos Material Gallery.markdown
Created
January 12, 2016 12:30
— forked from anonymous/Google Photos Material Gallery.markdown
Google Photos Material Gallery