xdesro

/**
 *  @param {import("@11ty/eleventy/src/UserConfig")} eleventyConfig
 */
module.exports = (eleventyConfig) => {
  return {};
};

xdesro

function killport {
    echo '🚨 Killing all processes at port' $1
    lsof -ti tcp:$1 | xargs kill
}

xdesro

if (matchMedia('(pointer:fine)').matches) {
  // This browser has a mouse or other fine-control device as its primary input. 
}

xdesro

// Before
const postsByAuthor = (posts) => {
  return this.posts.filter(
    (post) => post.author && post.author.fields.name == this.teamMember.name
  );
},
      
// After
const postsByAuthor = (posts) => {
  return this.posts.filter(

xdesro

const MarginTop = (props) => (
  <div>
    {Array.from(Array(props.spacing)).map((br) => (
      <br />
    ))}
    {props.children}
  </div>
);

ReactDOM.render(

xdesro

Twitter Engagement Alignment Chart

😇 Good

Lawful Good

• Like
• Clean Retweet

Neutral Good

• Like

xdesro

.nav-item {
    &__link {
        color: red;
    }
    $this: &;
    &:first-of-type {
        &__link {
            // this won't work 😞
            color: blue;
        }

xdesro

[...document.querySelectorAll('a')].forEach(a => a.remove());

// ⚓️ anchors away

xdesro

$bkpoints: (
  xs: 27rem,
  sm: 37.5rem,
  md: 56.25rem,
  lg: 62.5rem,
  xl: 120rem
);
// ^ This was for a particular client, you can use whichever
     breakpoints are best for your use case.

xdesro

// This is meant to be a Vue component, cause my site https://henry.codes is built with Nuxt.js. I put the .js extension on there for that fresh Gist syntax highlighting.
export default {
  computed: {
    postDate() {
      return new Date(this.post.fields.publishDate).toLocaleDateString("en-US", { month: "short", year: "2-digit" });
    }
  }
};