Skip to content

Instantly share code, notes, and snippets.

View NoWorries's full-sized avatar

Josh Harwood NoWorries

View GitHub Profile
@jverkoey
jverkoey / Figma analytics API.md
Last active March 29, 2024 18:49
Figma's undocumented analytics API endpoints

Notice

This is an undocumented API. It may break at any time. Contributions welcome; please share in the comments and I will update the gist accordingly.

Authentication

Each request must be passed a valid authentication cookie. The cookie takes the following form and can be pulled from any authenticated request made in the browser:

@alanbsmith
alanbsmith / Design Systems Resources.md
Last active October 13, 2022 19:11
Design Systems Resources | A Primer

Design Systems Resources | A Primer

Design Systems

  • [Design Systems][1] by Alla Kholmatova - the canonical design systems book, in my opinion
  • [Expressive Design Systems][2] by Yesenia Perez-Cruz - a great follow-up to Kholmatova's book
  • [Atomic Design][3] by Brad Frost - written before we were using the term 'design system' for web interfaces, but many popular ideas extend from these ideas

Systems Thinking

@didoo
didoo / git-log-parser.js
Created January 25, 2019 16:52
Git Log Parser & Aggregator
/* eslint-env node */
/* eslint-disable no-console, dot-notation */
const fse = require('fs-extra');
const readline = require('readline');
// const platform = 'mw_less';
// const platform = 'mw_scss';
const platform = 'cosmos';
@gregblass
gregblass / checkboxes.scss
Last active June 2, 2018 10:46
Fancy CSS styling for Radio Buttons and Checkboxes
/*********************
Fancy CSS Textboxes
**********************/
$light-blue: #609FD5;
input[type="checkbox"] {
position: absolute;
left: -9999px;
visibility: hidden;
@demersdesigns
demersdesigns / craft-random-company-names
Last active January 25, 2022 20:23
A list of 75 random company names for import into Craft from InVision. http://invisionapp.com/craft Names generated from http://online-generator.com, an open source resource by Niels Gamborg.
Openlane
Yearin
Goodsilron
Condax
Opentech
Golddex
year-job
Isdom
Gogozoom
Y-corporation
@jonathantneal
jonathantneal / README.md
Last active February 8, 2024 10:53
Nearest Normal Ratio Calculator

Nearest Normal Aspect Ratio

This function returns the nearest aspect ratio of a width and height within a limited range of possible aspect ratios.

In other words, while 649x360 technically has an aspect ratio of 649:360, it’s often useful to know that the nearest normal aspect ratio is actually 9:5 (648x360).

nearestNormalAspectRatio(width, height, [side], [maxWidth], [maxHeight])
@akikoo
akikoo / gist:6200960
Last active January 9, 2018 14:51
Automatic Responsive screenshots creation with PhantomJS and CasperJS.
/*!
*
* Automatic Responsive screenshots creation with PhantomJS and CasperJS.
* Adapted from the Responsive Design Workflow book by Stephen Hay (http://responsivedesignworkflow.com/).
*
* Usage instructions:
- Install PhantomJS (http://phantomjs.org/) and CasperJS (http://casperjs.org/)
- Save this script as `screenshots-multipages.js` in a folder somewhere in your filesystem
- In the same folder, create a subfolder called `screenshots` (defined in `screenshotFolder` variable)
- Define the URLs you want to process in `baseUrl` (string) and `links` (array) variables