Skip to content

Instantly share code, notes, and snippets.

Avatar

Daniel Eden daneden

View GitHub Profile
View rgbaToHexConsole.js
// $0 is web inspector's reference to the current element
$0.style.backgroundColor
// run a regex to get the values for r, g, b, and optionally a
.match(/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})(, ?([0-9.]{1,3}))?\)/)
// filter out the regex results we don't care about
.filter((e, i) => {
switch (i) {
case 1: // red
case 2: // green
case 3: // blue
View rename-branch.sh
#!/bin/bash
# Checkout master branch
git checkout master
# Rename "master" to "main"
git branch -m master main
# Unset the current upstream branch
git branch --unset-upstream
View Timer.swift
import SwiftUI
import Combine
struct HMS {
var h: Int
var m: Int
var s: Int
}
struct ContentView: View {
View Readme.md

git clone and cd function

A simple little alias function that lets you clone and cd into a GitHub repo in one command.

Installation

Add to your zsh or bash config (usually ~/.bash_profile or ~/.zshrc) and open a new terminal to be able to use the function.

Usage

gcd [github_repo_owner/repo_name]
View js-is-weird.js
// I learned in this post (https://overreacted.io/react-as-a-ui-runtime/)
// that arguments passed to a function run before the function itself:
/**
* // This runs second
* outerFunction(
* // This runs first
* innerFunction()
* )
*/
// This makes sense. But I wondered what it looked like in practice.
View grid-api.md

Grid Breakpoint API Dilemma

We want a responsive grid API that allows for an arbitrary number of breakpoints to be defined, but there's an issue with how the breakpoint extremities are treated. Given the following API:

<Grid breakpoints={[300, 600, 900]}>
  <Column width={[1, 1/2, 1/4]} />
</Grid>
View config.yml
backend:
name: github
repo: daneden/daneden.me
publish_mode: editorial_workflow
collections:
- name: blog
label: "Blog"
folder: "src/blog"
@daneden
daneden / Component.js
Last active Aug 5, 2018
styled-components will generate duplicative style declarations when props change the value for a rule. This is fine for e.g. the example below, where the ruleset is already small, but what if we have a dozen or more common styles for the two variants?
View Component.js
const Component = styled.div`
display: inline-block;
color: ${props => props.red ? 'red' : 'green'};
`
export default Component
View recipe.md

layout: recipe title: Seared Salmon with Spinach and Walnut Salad hero: /uploads/2016/05/salmon.jpg

intro: This salad is a fantastically easy worknight dinner inspired by a dish from Réveille Coffee. Toasting the walnuts is completely optional, but if you can spare the couple extra minutes, it enhances their flavor and helps round out the dish.

View cameras-2017H2.md

Camera recommendations 2017H2

So I use a Sony a6000 with a variety of lenses, but my selected camera and equipment has taken a lot of time and money to establish. I really love the camera, and can recommend a few lenses in a variety of price ranges that go well with it. Sony has also released two new models of this camera—the a6300 and a6500—which are the same in terms of size but with slight upgrades in features (though at it’s price, the a6000 is probably still the best investment)

I’m obviously biased toward Sony, having invested a fair bit on lenses, but an entry-level camera in Sony’s mirrorless family is also Wirecutter’s top suggestion: http://thewirecutter.com/reviews/best-mirrorless-camera-for-beginners/

In general, Wirecutter’s recommendations are typically top-notch, so you can explore their full reviews in this category and decide for yourself: http://thewirecutter.com/leaderboard/cameras/

You’ll likely find that the majority of good sources will be recommending ‘mirrorless’ cameras: these s

You can’t perform that action at this time.