Skip to content

Instantly share code, notes, and snippets.

View dragontheory's full-sized avatar
Could tell you, but then I'd have to, well... you know.

DragonTheory dragontheory

Could tell you, but then I'd have to, well... you know.
View GitHub Profile
@dragontheory
dragontheory / _description.md
Created April 14, 2021 22:52 — forked from ww9/one-line-text-art-and-emojis_utf8_ascii.txt
Emojis, UTF8, ASCII (one line) #misc

Collection of one line text art (◕‿◕✿)

Collection of emojis and one line text art like (╯°□°)╯︵ ┻━┻ 🤗

@peacefullatom
peacefullatom / neon.html
Last active December 2, 2019 18:40
Demo stand for 3D bars (vanilla version)
<!DOCTYPE html>
<html lang="en" style="background: black;">
<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>Neon 3D bars demo</title>
<style>
#root {
display: flex;
@ww9
ww9 / one-line-text-art-and-emojis_utf8_ascii.txt
Last active April 27, 2024 04:27
Emojis, UTF8, ASCII (one line) #misc
# Collection of one line text art (◕‿◕✿)
Collection of emojis and one line text art like (╯°□°)╯︵ ┻━┻ 🤗
ּבּ_בּ
טּ_טּ
כּ‗כּ
לּ_לּ
מּ_מּ
סּ_סּ
@CodeMyUI
CodeMyUI / index.html
Created October 30, 2017 10:33
SVG Gooey Hover Menu Concept
<div id="menu">
<div class="hamburger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<div class="menu-inner">
<ul>
<li>Menu Item</li>

EQCSS Element Query Syntax

This describes a syntax for scoped styles and element queries in a container query style. This document is based on the Extended Backus-Naur Form for specifying language structure.

element_query = @element selector_list [ condition_list ] { css_code }

selector_list = " css_selector [ "," css_selector ]* "

condition_list = and ( query_condition : value ) [ "and (" query_condition ":" value ")" ]*

@anvaka
anvaka / 00.Intro.md
Last active May 5, 2024 12:24
npm rank

npm rank

This gist is updated daily via cron job and lists stats for npm packages:

  1. Top 1,000 most depended-upon packages
  2. Top 1,000 packages with largest number of dependencies
  3. Top 1,000 packages with highest PageRank score
@jpnelson
jpnelson / split.css
Last active June 14, 2022 16:51
Responsive, resizable panel layout with flexbox
.container {
height: 500px;
border: 2px solid grey;
position:relative;
}
.split {
display: flex;
height: 100%;
border: 1px solid black;
@chrisjhoughton
chrisjhoughton / wait-el.js
Last active October 6, 2023 09:46
Wait for an element to exist on the page with jQuery
var waitForEl = function(selector, callback) {
if (jQuery(selector).length) {
callback();
} else {
setTimeout(function() {
waitForEl(selector, callback);
}, 100);
}
};
anonymous
anonymous / index.html
Created November 8, 2012 19:56
A CodePen by Anders Grimsrud. SVG Pie Timer - As a response to http://css-tricks.com/css-pie-timer/ I wrote this SVG Pie Timer. Credits: Heavily inspired by http://itpastorn.github.com/webbteknik/future-stuff/svg/color-wheel.html.
<svg width="250" height="250" viewbox="0 0 250 250">
<path id="border" transform="translate(125,125)"/>
<path id="loader" transform="translate(125,125) scale(.84,.84)"/>
</svg>