Skip to content

Instantly share code, notes, and snippets.

View af's full-sized avatar
🤔
...

Aaron Franks af

🤔
...
View GitHub Profile
@af
af / debug-scroll.md
Created February 8, 2023 19:50 — forked from cuth/debug-scroll.md
Find the elements that are causing a horizontal scroll. Based on http://css-tricks.com/findingfixing-unintended-body-overflow/

Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right > w || b.left < 0) {
@af
af / postgres_queries_and_commands.sql
Created October 11, 2019 21:03 — forked from josescasanova/postgres_queries_and_commands.sql
Useful PostgreSQL Queries and Commands
-- show running queries (pre 9.2)
SELECT procpid, age(query_start, clock_timestamp()), usename, current_query
FROM pg_stat_activity
WHERE current_query != '<IDLE>' AND current_query NOT ILIKE '%pg_stat_activity%'
ORDER BY query_start desc;
-- show running queries (9.2)
SELECT pid, age(query_start, clock_timestamp()), usename, query
FROM pg_stat_activity
WHERE query != '<IDLE>' AND query NOT ILIKE '%pg_stat_activity%'
@af
af / components.md
Last active January 25, 2016 21:28
Presentational/Container components: are these terms misleading?

Presentational/Container have long been suggested as terms to describe two different classes of React components. However I think these terms are a bit deceptive, and don't accurately represent the differences between them:

Presentational components

  • can "contain" other components, thus they also act as containers
  • not concerned merely with "presentation" (in the same way that CSS is)

Container components

  • do more than simply "contain" other components. Containing other components is not what makes them unique
  • have an active role in accessing and mutating the state of your application. This is what differentiates

Dan Dan noodles

  • 4 wrapped packages of soba noodles. There are usually 3 in a big package
  • 1/2 cucumber
  • 1 red pepper
  • 3 medium carrots
  • 2/3 cup chopped cilantro
  • 2/3 cup chopped thai basil

For sauce

" Navigating between buffers:
map! <C-k> <esc>:bp<CR>
map <C-k> :bp<CR>
map! <C-l> <esc>:bn<CR>
map <C-l> :bn<CR>
@af
af / richhickey.md
Last active August 29, 2015 14:15 — forked from prakhar1989/richhickey.md

Rich Hickey on becoming a better developer

Rich Hickey • 3 years ago

Sorry, I have to disagree with the entire premise here.

A wide variety of experiences might lead to well-roundedness, but not to greatness, nor even goodness. By constantly switching from one thing to another you are always reaching above your comfort zone, yes, but doing so by resetting your skill and knowledge level to zero.

Mastery comes from a combination of at least several of the following:

@af
af / bench.js
Created December 10, 2014 06:01
var React = require('react')
var d = require('./index')(React)
// Simple benchmark for testing the effectiveness of memoization for JSnoX
// Usage: "time node bench.js", with and without the patch in question.
for (var i=0; i<10000; i++) {
d('input:email.test.test2')
d('div.foo')
d('section.foo', { className: 'baz', id: 'asdf' })
}
#!/bin/bash
mkdir /tmp/curl-ca-bundle
cd /tmp/curl-ca-bundle
wget http://curl.haxx.se/download/curl-7.22.0.tar.bz2
tar xzf curl-7.22.0.tar.bz2
cd curl-7.22.0/lib/
./mk-ca-bundle.pl
if [ ! -d /usr/share/curl/ ]; then
sudo mkdir -p /usr/share/curl/
else
.donut_chart
.slice
stroke: white
stroke-width: 2px
for colour, i in $donut_colours
&:nth-child({i})
fill: colour
@af
af / devtools.txt
Created May 16, 2014 21:27
Devtools tips
https://developer.chrome.com/devtools/docs/tips-and-tricks
* Cmd-Shift-C for inspector
* Sources panel
* Debugger keyboard shortcuts (F8-F11)
* breakpoints
* conditional breakpoints
* evaluating console in breakpoint's context
* scope variables- jump to definition