Code
-
November 7, 2022Documentation actionEarlier this year, I created documentation action to automatically generate documentation for my GitHub Actions.
-
September 25, 2022Now readingI built a display that shows the book I’m reading and how many books I read this year. It’s powered by my GitHub Action to track books, a Raspberry Pi, epaper.js, and an e-paper module.
-
July 16, 2022GitHub DesktopI have been using GitHub Desktop for years now and it’s one of my favorite development tools. Desktop has evolved over the years from an interface for git commands to the command center for development.
-
June 1, 2022Switch from Lambda to GitHub ActionsThis year I migrated my scheduled bots (like Weatherbot and Weather status) from using AWS Lambda to GitHub Actions.
-
January 26, 2022Build your metadata libraryLast year, I started to track new recipes I tried and books I read by saving their metadata to YAML files. I had already been saving Spotify playlists in the same way and then this year I started saving Wordle games. I have found something deeply gratifying about maintaining metadata libraries.
-
January 16, 2022Wordle to yamlI’m playing Wordle. I love a word puzzle and like many have been hooked by the daily game. I wrote wordle-to-yaml-action to archive my Wordle games to a yaml file.
-
October 9, 2021Automate peer dependency managementWith npm@v7, you no longer have to install peer dependencies. This feature removed a huge maintenance burden for our documentation sites at Mapbox. Through strategic use of peer dependencies and dependabot, we’ve significantly reduced our dependency maintenance.
-
July 4, 2021A shared ESLint configurationLike our markdown linters, all Mapbox documentation repositories use a shared ESLint configuration. Our configuration covers everything from enforcing React best practices to improving accessibility, including:
-
June 12, 2021Improve documentation with failed searchesDo you track searches with no results on your site? To the Mapbox documentation team, it’s an interesting dataset. We can learn what the user wants, but cannot find, and then turn those failed searches into improvements.
-
June 6, 2021Copyeditor on commitYesterday I wrote about the markdown linters we use at Mapbox. Our other test suite focuses on language and asserts the Mapbox documentation styleguide. Our copyeditor is a fork of alex, which helps you find gender favoring, polarizing, race related, religion inconsiderate, or other unequal phrasing in text.
-
June 5, 2021Lint markdownAt Mapbox, we write a majority of documentation in markdown. We have a suite of markdown linters to help us stay consistent and improve the quality of our documentation.
-
April 10, 2021Monitor 404s with SentrySince moving to the documentation team at Mapbox at the end of 2018, I’ve helped solved a lot of fun problems, but haven’t written about them. Let’s change that.
-
March 27, 2021Save your bookmarks with GitHub actionsI have been on a GitHub actions kick with read-action and instagram-rss-action. Most recently, I created bookmark-action that saves a URL along with the page’s metadata to a YAML file. I created this to track all the new recipes I tried so far this year.
-
February 27, 2021Generate an Instagram RSS feed with GitHub actionsAfter missing a local pierogi pop up, I needed a better way to manage Instagram. I created Instagram RSS action that will generate an RSS feed from one or more public Instagram accounts.
-
February 10, 2021A test for haikuTo support my post Haiku 2018-2019, I created remark-lint-haiku to make sure that each haiku is in 5, 7, 5 syllable pattern. The linter uses syllable to count the syllables.
-
October 14, 2020Track your books with GitHub ActionsI built read action, a GitHub Action, that tracks the books that you’ve read by storing the book metadata in a yaml file. Services like Goodreads exist, but I want to own my data.
-
July 5, 2020Feedback LibraryAfter working on a feedback feature for Mapbox’s documentation sites, I started collecting screenshots of how other companies offer user feedback. I decided to build a site to store them all: Feedback Library
-
July 4, 2020Check for unhelpful alt textA few months ago @jsnmrs and I started to build a linter that provides suggestions for image alternative text: alt-text.
-
December 1, 2019Codevember - a currentColor practiceLast month I participated in Codevember, which is a challenge to code every day in November.
-
July 30, 2019Create emails from a Google spreadsheet and Google doc templateLast year I wrote about how to create emails from a Google spreadsheet. I’m going to show you how to simplify the process by creating your email template in a Google doc.
-
April 28, 2019grid-template-area-rugInspired by a recent tile search, I set out to create a tiled floor pattern with CSS grid. Thanks to helpful examples on Grid by Example by Rachel Andrew, I tried grid-template-areas.
-
March 27, 2019When to automateYou will know if you have a candidate for an automation when you have: a frequent manual process, consistent data, and a trigger.
-
December 11, 2018Write to Airtable from a Slack commandI built a Slack app that asks your workspace channel a random question every weekday. Members can submit questions via a Slack command if they wish. It’s great for ice breakers, to spark conversation, or to have something to look forward to every morning.
-
November 4, 2018Storing assets in an AWS bucketThis is part II to Download Flickr photos in your Jekyll posts and a rundown of how I setup a subdomain that points at an AWS S3 bucket to host my site’s assets. And https, too!
-
November 4, 2018Download Flickr photos in your Jekyll postsI’ve stored all my photos for this blog on Flickr. For a while now I have kicked around the idea of finding a new home for them. One big reason being that a lot of the images are bloated and I would like to create my own system to control them. And now that Flickr is changing its storage policies, it’s time to move my boxes of photos out of their basement.
-
August 31, 2018Create a mood ring with Glitch, Slack, and LIFXEarlier this year I attended a Slack Session called Building your first Slack integration. It gave me a ton of ideas. Naturally, I decided to turn my office lamp into a mood ring as dictated by the emoji in my Slack status.
-
June 22, 2018Turn a Spotify playlist into a Jekyll postFor the past ten years, I’ve created a playlist for each season. I wrote about this before when I made Jekyll data playlists. At the end of each season, the playlist gets a post and I store all the data in _data/playlists.yml (for safe keeping).
-
May 11, 2018Make your Slack status the weather forecastFiled under: things we probably don’t need, but idk I want it.
-
February 4, 2018GitHub as a talk proposal review systemFor Ela Conf 2015, 2016, and 2017, we turned a private GitHub repository into a system for reviewing talk proposals.
-
January 16, 2018Collate Google Form responses into Google DocsFor Ela Conf 2016 and 2017, we created a Google Form to collect speaker feedback. The form had the following fields:
-
January 6, 2018Create emails from a Google spreadsheetTry the updated version of this post where I’ll teach you how to draft your email in Google docs
-
December 29, 2017AwayBot, an out of office helperI made a command line tool to run when I go into labor, AwayBot. This bot can also be used for all types of leave that take you out of the office for a while.
-
December 17, 2017LIFX + AWS IoT ButtonWhen our son arrives next year, we’re anticipating late night feedings and diapers changes which may mean needing to turn on our smart bulbs without fumbling for our phones or asking Alexa.
-
May 9, 2017Building a ChillBotI wrote Keep your streak in the work week on The Human In The Machine today. My article is about how I built ChillBot, a Slack bot that messages me on the weekends to let me know if I’ve contributed on GitHub for seven consecutive days and to encourage me to take a break.
-
March 5, 2017WeatherBot gets alertsI didn’t expect WeatherBot to become a series of posts, but the weather has been fluctuating so much scary.
-
March 1, 2017WeatherBot goes outsideLast week I talked about how I built a WeatherBot that gives us a heads up if there will be snow over the next several hours. The recent warm weather inspired me to add warm weather alerts:
-
February 22, 2017Building a WeatherBotWe live in Upstate New York so there’s snow and it’s kind of pain for J to plow the driveway if our cars are in the way. I built a little Slack bot that runs three times a day (7 am, 1 pm, and 7 pm). And if there will be more than one inch of snow in the next 12 hours then WeatherBot will ping our Slack:
-
May 8, 2016Unconventional use cases for JekyllYesterday, I had the pleasure of speaking at JekyllConf. My talk, Unconventional use cases for Jekyll, is a love story about Jekyll, and ok, some of the experiments and projects I’ve made with it.
-
October 14, 2015Symlinking Jekyll data filesFont Library has delicious data packed into a JSON file. I’ve had an urge to see how else I can hack the file with Jekyll and tonight I was up for the challenge.
-
August 15, 2015lunr.js and JekyllI recently spent some time hooking up a Jekyll site with lunr.js. Lunr.js is a full text client-side search engine and it works rather well. It took me a few tries to understand how lunr works and then translate that into a Jekyll site (I had some help from this post) so here’s a walk through of I how got it all connected.
-
March 25, 2015Writing for everyoneA couple weeks ago I gave my talk Writing for everyone at FOSS4G NA. I had a great time! You can click through my slides, follow along with my notes, or watch the video.
-
March 4, 2015Sleep Pajamas and Work PajamasA year later, I’m back chatting with Tim:
-
February 21, 2015Weaving data into GeoJSON with JekyllSay you have a dataset for a handful of countries or all the countries, or maybe a handful of states or all the states. You want to assign your data to each state or country as a polygon of that area, not a point, so you can do fun colors or popups and make a darn cool map.
-
January 29, 2015Seasonal postsAfter flipping through past posts, I realized that my lush green static map didn’t match wintery posts. For example, Christmas day hike. It’s winter, nothing is green. Everything is white and then gray and then cold and then sometimes sad. So I needed a map style to match winter (minus the sad).
-
December 30, 2014From Haml to YamlWay back in May, I built a pen based on MDN’s article to visualize and compare all CSS lengths. Here’s the original pen:
-
December 19, 2014SnowflakerSee the Pen Snowflaker by Katy DeCorah (@katydecorah) on CodePen.
-
November 3, 2014Jekyll and GeoJSONAdd this post to my love-affair-with-Jekyll-and-Mapbox series.
-
September 2, 2014DRY YamlFor the class that I’m teaching this Fall, I created a Jekyll site to hold the course materials. I’m in the camp that Jekyll can do anything and I want to use it always (Jekyll, you fantastic son of a bitch).
-
August 26, 2014Two years ago on CodePenTwo years ago on CodePen I was picked for the first time ever.
-
August 15, 2014columnsAfter writing the Guide to Responsive-Friendly CSS Columns on CSS-Tricks, I was invited back to write up an Almanac post for each multi-column property.
-
July 30, 2014A case for :emptyAt work today, I’m styling an app. The code is automatically generated, making me a CSS jockey. It can be challenging, but it makes me flex my CSS powers. This morning I found a great use case for :empty.
-
July 26, 2014Static Mapbox API for Jekyll postsI’ve done Static Google Maps Image for Jekyll Posts, Mapbox for Jekyll Posts, but it’s time to settle down.
-
July 25, 2014Guide to Responsive-Friendly CSS ColumnsWith CSS columns you can create a print-inspired layout with little added markup that can adapt beyond a fixed canvas. A supported browser will make calculations to wrap and balance content into tidy columns. If you’re already working with a fluid layout, the columns will flow automatically. With the right combination of properties, CSS columns can be an interesting layout option that is responsive-friendly while degrading gracefully.
-
July 9, 2014Favorite Haml snippetsI love writing my pens in Haml, but I still have a hard time remembering the syntax. I created a post on my CodePen blog as a running reference guide of all the fun Haml snippets that I have used to date.
-
June 5, 2014Border spinnersSee the Pen Twinner Spinner by Katy DeCorah (@katydecorah) on CodePen.
-
May 29, 2014Jekyll and AngularJSI’m a total AngularJS rube, so it took me a few tries to get Angular to work on a Jekyll site. Since both use {{ curly brackets }}, Jekyll will gobble up the brackets first. (And none for AngularJS.)
-
May 5, 2014Ja! by Andreas SamuelssonSee the Pen Ja! by Andreas Samuelsson by Katy DeCorah (@katydecorah) on CodePen. Ja! by Andreas Samuelsson
-
March 27, 2014word-break or word-wrap?See the Pen word-break or word-wrap? by Katy DeCorah (@katydecorah) on CodePen.
-
March 23, 2014Jekyll data playlistsIn 2008, I started creating a playlist for every season. I kept my playlists in iTunes, but have migrated to Rdio. These playlists are my audio diaries. I can listen to one and remember where I was, where I was going, who I was with, and how I felt. I love these playlists.
-
March 19, 2014DotsSee the Pen Dots by Katy DeCorah (@katydecorah) on CodePen.
-
March 14, 2014The East Wing Episode 86I had a nice time chatting with Chris Enns on the East Wing!
-
March 14, 2014Leadership Letters by Jeroen van EerdenSee the Pen Leadership Letters #2. by Jeroen van Eerden by Katy DeCorah (@katydecorah) on CodePen. Leadership Letters #2. by Jeroen van Eerden
-
March 7, 2014Slidey backgroundSee the Pen Slidey Background by Katy DeCorah (@katydecorah) on CodePen.
-
February 14, 2014calc(you + me)See the Pen calc(you + me) by Katy DeCorah (@katydecorah) on CodePen.
-
February 11, 2014THREES App Store ButtonSee the Pen THREES App Store Button by Katy DeCorah (@katydecorah) on CodePen.
-
January 30, 2014Power Up Preloader by Mantas BačiuškaSee the Pen Power Up Preloader (GIF) by Mantas Bačiuška by Katy DeCorah (@katydecorah) on CodePen.
-
January 26, 2014Mapbox for Jekyll postsAs of 7/26/2014, this site has moved to the Mapbox static API.
-
January 15, 2014Escape by Carla CorralesSee the Pen Escape by Carla Corrales by Katy DeCorah (@katydecorah) on CodePen.
-
January 3, 2014Flat icon by _BoscoSee the Pen Flat icon by _Bosco by Katy DeCorah (@katydecorah) on CodePen
-
January 1, 2014z-index and transformSee the Pen END by Catt by Katy DeCorah (@katydecorah) on CodePen
-
December 23, 2013Food by nosSee the Pen Food by nos by Katy DeCorah (@katydecorah) on CodePen
-
December 19, 2013Holiday tree(s)See the Pen Holiday tree(s) by Katy DeCorah (@katydecorah) on CodePen
-
December 9, 2013Animation directionSee the Pen Animation Direction by Katy DeCorah (@katydecorah) on CodePen
-
December 6, 2013Heroes Queue by Antonas DeduchovasSee the Pen Heroes Queue by Antonas Deduchovas by Katy DeCorah (@katydecorah) on CodePen
-
December 4, 2013Simple boxSee the Pen Simple Box by Katy DeCorah (@katydecorah) on CodePen
-
November 20, 2013Rabbit by Beard ChickenSee the Pen Rabbit by Beard Chicken by Katy DeCorah (@katydecorah) on CodePen
-
November 5, 2013Scalable balloonsSee the Pen Random Customizable Balloons by Katy DeCorah (@katydecorah) on CodePen
-
November 1, 2013Ice Cream Pattern by Dorottya PorkolabSee the Pen Ice Cream Pattern by Dorottya Porkolab by Katy DeCorah (@katydecorah) on CodePen
-
October 29, 2013Git file renamingToday at work I needed to move and rename a ton of files, but I also needed to make sure that the Git history followed. When I tried to move the files manually, SourceTree thought I deleted the files and then created new files elsewhere. When I commit files like this, SourceTree is usually smart enough to catch on, but it wasn’t happening. No good.
-
October 27, 2013Hallowiener by Bobby McKennaSee the Pen Hallowiener by Bobby McKenna by Katy DeCorah (@katydecorah) on CodePen
-
October 10, 2013Navigation Bar by Jan KaděraSee the Pen Navigation Bar by Jan Kaděra by Katy DeCorah (@katydecorah) on CodePen
-
September 30, 2013BoldMedia Logo Variation by Jeroen van EerdenSee the Pen BoldMedia Logo Variation by Jeroen van Eerden by Katy DeCorah (@katydecorah) on CodePen
-
September 29, 2013Incrementally awesome Sass labelsFor this site I wanted my categories to be color coded, but I didn’t want to put a lot of effort into managing it. Instead I spent a little effort into making sure I didn’t have to manage it.
-
September 23, 2013Google Static Map MakerView the Google Static Map Marker.
-
September 18, 2013Bowl of treesSee the Pen Bowl of Trees by Katy DeCorah (@katydecorah) on CodePen
-
September 17, 2013Accordion navSee the Pen Accordion Nav by Katy DeCorah (@katydecorah) on CodePen
-
September 13, 2013VSCO Cam logoSee the Pen VSCO CAM logo by Katy DeCorah (@katydecorah) on CodePen
-
September 13, 2013Simple split colorSee the Pen Simple Split Color Element by Katy DeCorah (@katydecorah) on CodePen
-
September 6, 2013Static Google maps for JekyllAs of 7/26/2014, this site has moved to the Mapbox static API.
-
September 5, 2013Haml clockSee the Pen Haml Clock by Katy DeCorah (@katydecorah) on CodePen
-
September 4, 2013Simple iconsOriginal design by Rovane Durso.
-
September 3, 2013Mini dark settings windowOriginal design by Ben Bate.
-
August 28, 2013Bird in a tabletAs a kid, I remember drawing a picture of a bird on one side of paper and a cage on the other. When you spin it back and forth quickly, it seems that the bird is in the cage. Here’s a take on that.
-
August 27, 2013AngularJS contact formMy first try Angular form validation.
-
August 26, 2013Haml calendarSee the Pen Haml Calendar by Katy DeCorah (@katydecorah) on CodePen
-
August 19, 2013Optical illusionsI gave a few optical illusions a try to flex my Sass skills. You can find the source file for each illusion in the JS tab.
-
August 10, 2013Simple border-width loaderSee the Pen Simple border-width loader by Katy DeCorah (@katydecorah) on CodePen
-
August 7, 2013ForebruarySee the Pen Forebruary by Katy DeCorah (@katydecorah) on CodePen
-
August 6, 2013TrianglesSee the Pen Triangles by Katy DeCorah (@katydecorah) on CodePen
-
August 5, 2013Font Awesome ButtonsSee the Pen Font Awesome Buttons by Katy DeCorah (@katydecorah) on CodePen
-
August 1, 2013CSS octagonSee the Pen Octagon by Katy DeCorah (@katydecorah) on CodePen
-
August 1, 2013CSS diamondSee the Pen Diamond by Katy DeCorah (@katydecorah) on CodePen
-
August 1, 2013CSS bicycle wheelSee the Pen Bicycle Wheel by Katy DeCorah (@katydecorah) on CodePen
-
July 25, 2013Simple chartSee the Pen Simple chart by Katy DeCorah (@katydecorah) on CodePen
-
July 3, 2013Google Font ExplorerSee the Pen Google Font Explorer by Katy DeCorah (@katydecorah) on CodePen
-
May 28, 2013Line length-icatorSee the Pen Line Length-icator by Katy DeCorah (@katydecorah) on CodePen
-
May 16, 2013Hug O' WarSee the Pen Rodeo 5 by Katy DeCorah (@katydecorah) on CodePen
-
April 19, 2013Combination lockSee the Pen Combination Lock by Katy DeCorah (@katydecorah) on CodePen
-
January 9, 2013Sass adjust-hue referenceSee the Pen Sass adjust-hue reference by Katy DeCorah (@katydecorah) on CodePen
-
January 8, 2013Double visionSee the Pen Double Vision by Katy DeCorah (@katydecorah) on CodePen