A userstyle that makes you wait ten seconds before entering a Hacker News thread. I use stylus to manage mine.
.subtext {
display: inline-block;
background: linear-gradient(to left, transparent 50%, #f60 50%) right;| /* | |
| Made by Elly Loel - https://ellyloel.com/ | |
| With inspiration from: | |
| - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/ | |
| - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/ | |
| - Adam Argyle - https://unpkg.com/[email protected]/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE | |
| Notes: | |
| - `:where()` is used to lower specificity for easy overriding. | |
| */ |
| // https://piccalil.li/blog/a-modern-css-reset | |
| /* Box sizing rules */ | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| /* Remove default margin */ |
A userstyle that makes you wait ten seconds before entering a Hacker News thread. I use stylus to manage mine.
.subtext {
display: inline-block;
background: linear-gradient(to left, transparent 50%, #f60 50%) right;| *[class], | |
| *[id] { | |
| position: relative; | |
| outline: 2px dashed red; | |
| } | |
| *[class]::before, *[class]::after, | |
| *[id]::before, | |
| *[id]::after { | |
| position: absolute; |
| /* before :is() */ | |
| button.focus, | |
| button:focus { | |
| ... | |
| } | |
| /* after :is() */ | |
| button:is(.focus, :focus) { | |
| ... | |
| } |
| <button> | |
| <span class="visually-hidden">Some text to announce</span> | |
| <!-- your icon or whatever --> | |
| </button> |
These are instructions to create a series of buttons within the Apple Home app that control PS4 power and open/close any app you want.
Install Node.js
Begin by installing Node.js if you haven't already. Their website has up-to-date versions and installation instructions for your OS.
For macOS I use Homebrew to install packages. If you're a developer (or an aspiring one), I highly recommend using it. Via homebrew, installing node is as simple as brew install node.
| /** | |
| * A collection of helper prototype for everyday DOM traversal, manipulation, | |
| * and event binding. Sort of a minimalist jQuery, mainly for demonstration | |
| * purposes. MIT @ m3g4p0p | |
| */ | |
| window.$ = (function (undefined) { | |
| /** | |
| * Duration constants | |
| * @type {Object} |
| [I'm an inline-style link](https://www.somewebsite.com) | |
| [I'm an inline-style link with title](https://www.somewebsite.com "somewebsite's Homepage") | |
| [I'm a reference-style link][Arbitrary case-insensitive reference text] | |
| [I'm a relative reference to a repository file](../blob/master/LICENSE) | |
| [You can use numbers for reference-style link definitions][1] |
| property finderwindownumber : 1 | |
| tell application "Finder" | |
| set TotalNumberOfFinderWindows to (count of (every window where visible is true)) | |
| if TotalNumberOfFinderWindows is greater than 0 then | |
| tell application "Finder" | |
| select window finderwindownumber | |
| activate | |
| set finderwindownumber to finderwindownumber + 1 | |
| if finderwindownumber is greater than TotalNumberOfFinderWindows then | |
| set finderwindownumber to 1 |