Skip to content

Instantly share code, notes, and snippets.

Daniel Eden daneden

Block or report user

Report or block daneden

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View js-is-weird.js
// I learned in this post (
// 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.

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]} />
View config.yml
name: github
repo: daneden/
publish_mode: editorial_workflow
- name: blog
label: "Blog"
folder: "src/blog"
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 => ? 'red' : 'green'};
export default Component

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.


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:

In general, Wirecutter’s recommendations are typically top-notch, so you can explore their full reviews in this category and decide for yourself:

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


Hearth Loaf

This bread takes about two days to make. The recipe seems long, but it’s just detailed. The steps are also very catered to my own schedule, so you should play around with the steps, making use of your refrigerator, to see what works for you.

Also, this recipe is basically a direct copy of a recipe in Josey Baker’s excellent book on making bread, and I implore you to buy it and read it.

Stuff you’ll need

  • Store-bought yeast (I use dry active)
  • Whole wheat flour
View Facebook Ain't So

Common fears before joining Facebook that I've since resolved:

“FB has so many designers—I don't want to be just another cog in the wheel!”
While true, there's absolutely no reason a designer can't have meaningful impact. We have a ton of designers because we have a lot of meaningful and exciting projects going on at any given time. There's a lot more than meets the eye.
“What about the commute?”
From SF, sure, it can be a toil; 1.5hrs is a long one-way drive, but I've found teams are super flexible when you own your schedule, leave and arrive at the office when it's convenient for you, and spend your time on the shuttle how you like: working, reading, napping, or hanging out with friends you make on the ride.
“How do I grow at a place as big as FB?”
This is Facebook's key differentiator: I haven't got much firsthand experience, but I feel as though, and have heard from coworkers, that Facebook puts more emphasis on career development than any
daneden / spec.json
Created Aug 7, 2017
Vega Lite Playground
View spec.json
"$schema": "",
"config": {
"cell": {
"width": 700,
"height": 300
"mark": {
"color": "#066CD2",
"font": "Arial"
daneden / .block
Last active Aug 3, 2017 — forked from mbostock/.block
Circle Packing
View .block
license: gpl-3.0
height: 960
border: no
You can’t perform that action at this time.