A modified version of this codepen: http://codepen.io/pankajparashar/pen/towxF
Now accounts for:
- adding
z-indexproperty to the<progress>element - subtracts additional
<footer>element's height from progress calculation (in thegetMax()method)
siakaramalegos
/ google-font-preconnect.html
Last active
July 31, 2023 16:41
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
| <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> | |
| <link href="https://fonts.googleapis.com/css?family=Muli:400" rel="stylesheet"> |
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
| :root { | |
| --ease-in-quad: cubic-bezier(.55, .085, .68, .53); | |
| --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); | |
| --ease-in-quart: cubic-bezier(.895, .03, .685, .22); | |
| --ease-in-quint: cubic-bezier(.755, .05, .855, .06); | |
| --ease-in-expo: cubic-bezier(.95, .05, .795, .035); | |
| --ease-in-circ: cubic-bezier(.6, .04, .98, .335); | |
| --ease-out-quad: cubic-bezier(.25, .46, .45, .94); | |
| --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); |
axelpale
/ ghoulog.js
Created
April 17, 2016 20:18
Mirror console logs into a small div at top-left corner, styled in post-apocalyptic way
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
| // Mirror console logs into a small div at top-left corner, | |
| // styled in post-apocalyptic way ;) | |
| // | |
| // Usage is simple, just: | |
| // <script src='ghoulog.js'></script> | |
| // | |
| // Note: | |
| // You must set body { position: relative; } to let log div to be | |
| // absolutely positioned. | |
| // |
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
| (function($) { | |
| var result = $('#result'); | |
| var base = $('#base'); | |
| var list = $('#list'); | |
| $('#calc').click(function() { | |
| var baseVal = base.val(); | |
| var px = list.val().split(','); | |
| var html = []; | |
| $.each(px, function(i, v) { | |
| var px = parseInt(v); |
michalczukm
/ Atom_export_settings.md
Last active
September 23, 2023 12:32
Atom: Backup all settings
Export:
- Copy from
${user}/.atom:
- config.cson
- keymap.cson
- snippets.cson
- styles.less
- Save installed packages list
apm list --installed --bare > packages.list
wernull
/ ghost.css
Last active
December 18, 2023 01:43
Debug ghost CSS elements http://wernull.com/2013/04/debug-ghost-css-elements-causing-unwanted-scrolling/
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
| * { | |
| background: #000 !important; | |
| color: #0f0 !important; | |
| outline: solid #f00 1px !important; | |
| } |
rxaviers
/ gist:7360908
Last active
October 28, 2025 22:16
Complete list of github markdown emoji markup
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |