| # Frontend Design Guideline | |
| This document summarizes key frontend design principles and rules, showcasing | |
| recommended patterns. Follow these guidelines when writing frontend code. | |
| # Readability | |
| Improving the clarity and ease of understanding code. |
| /********************************************************************* | |
| * | |
| * name: user.js | brainfucksec | |
| * descr.: Mozilla Firefox configuration file: `user.js` | |
| * version: 0.20.1 | |
| * date: 2023-10-15 | |
| * url: https://gist.github.com/brainfucksec/68e79da1c965aeaa4782914afd8f7fa2 | |
| * maintainer: brainf+ck | |
| * | |
| * info: |
| # Output a single frame from the video into an image file: | |
| ffmpeg -i input.mov -ss 00:00:14.435 -vframes 1 out.png | |
| # Output one image every second, named out1.png, out2.png, out3.png, etc. | |
| # The %01d dictates that the ordinal number of each output image will be formatted using 1 digits. | |
| ffmpeg -i input.mov -vf fps=1 out%d.png | |
| # Output one image every minute, named out001.jpg, out002.jpg, out003.jpg, etc. | |
| # The %02d dictates that the ordinal number of each output image will be formatted using 2 digits. | |
| ffmpeg -i input.mov -vf fps=1/60 out%02d.jpg |
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
(a gist based on the old toolmantim article on setting up remote repos)
To collaborate in a distributed development process you’ll need to push code to remotely accessible repositories.
This is somewhat of a follow-up to the previous article setting up a new rails app with git.
Set up the new bare repo on the server:
| #!/usr/bin/env node | |
| // Channel ID is on the the browser URL.: https://mycompany.slack.com/messages/MYCHANNELID/ | |
| // Pass it as a parameter: node ./delete-slack-messages.js CHANNEL_ID | |
| // CONFIGURATION ####################################################################################################### | |
| const token = 'SLACK TOKEN'; // You can learn it from: https://api.slack.com/custom-integrations/legacy-tokens | |
| // GLOBALS ############################################################################################################# |
| { | |
| "presets": [ "es2015" ] | |
| } |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 Eli Perelman http://eliperelman.com | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |