Published

I recently added a button to my blog, and subsequently my posts on DEV.to [1]. It’s the best thing that I have done for it in a while. It makes it so easy to do quick edits. finding errors # [2] I refer back to my old posts quite a bit, sometimes I find errors in them. Honestly most of the time its too much effort to load up my editor make the change and git add and git commit. It’s not much, but when I am referring to my own post generally I am just trying to get something done and don’t have time for that. The slug # [3] The slug that I am getting from gatsby is formatted as /blog/this-post/. Note the trailing slash and missing file extension, thats where the ${slug.slice(0, -1)}.md comes in. The Full Link # [4] GitHub makes it super easy to form a URL that puts you right into edit mode on the exact post you are looking for. This is format for the URL… you can always figure it out easily by clicking edit on one. https://github.com/<user>/<repo>/edit/<branch>/<filepath> The...

When first learning to code its very common to hard code everything right into the code. This happens with most folks in just about any language. Whether its HTML [1] or markdown for front end content, or even hardcoding parameters in our backend languages like python, or node.js. 🤷‍♀️ What’s wrong with hard coding everything? # [2] Hard coding everything right into your code makes it really hard for non-technical collaborators to join. It makes it nearly impossible to hand websites off to clients without needing to come back for routine updates. The cms generally come with a rich content editor that feels more like something most folks are used to. There are buttons for changing the font, font-size, adding images, bold, italics, etc. Sometimes I don’t feel technical # [3] Even when you are developing for a technical audience there is a layer of polish that comes from giving them a nice interface to edit their content in. YouTube doesn’t have you manually inserting records into...

I am looking into a way to replace my google reader experience that I had back in 2013 before google took it from us. I am starting by learning how to parse feeds with python, and without much previous knowledge, it proved to be much easier than anticipated thanks to the feedparser library. This is how I used python to parse rss and setup my own custom feed. Install # [1] Install the feedparser library. conda create -n reader python=3.8 -y source activate reader pip install feedparser Get the content # [2] import feedparser feed = feedparser.parse('https://waylonwalker.com/rss.xml') The feed object # [3] The feed is a feedparser.FeedParserDict. For all intents and purposes this seems to just behave like a dict with the following keys(). feed.keys() ['feed', 'entries', 'bozo', 'headers', 'etag', 'href', 'status', 'encoding', 'version', 'namespaces', 'content']) feed has some general information about the rss feed, but the meat of the feed is in entries. The rest of the keys we...

Inputs # [1] The input will be a yaml file containing a list of Items you want to stay up to date with. Inside each item will be a url, and weight. email: max-entries: 10 recipients: - [email protected] markdown: max-entries: 100 output: - README.md json: max-entries: 1000 output: - feeds/feed.json rss: max-entries: 1000 output: - feeds/feed.xml html: max-entries: 100 output: index.html items: Waylon Walker: weight: 5 url: https://waylonwalker.com/rss.xml @_WaylonWalker: weight: 3 twitter: https://twitter.com/_waylonwalker DEV Waylon Walker: weight: 8 url: https://dev.to/waylonwalker Stack Overflow Kedro: weight: 5 url: https://stackoverflow.com/questions/tagged/kedro Kedro GitHub: weight: 4 url: https://github.com/kedro-org/kedro Kedro Pypi weight: 10 url: https://pypi.org/project/kedro/ Types # [2] - rss feed (primary source) - youtube feed - Stack Overflow tags - GitHub repo activity - pypi release - dev.to post - Twitter Search # ...

I ran this post on dev.to and got a great response of great examples, check it out [1]. ! !🤓 What's on your GitHub Profile [2] The GitHub profile feature just went live for a subset of users. Simply creating a repo named after your username, and clicking share to Profile on the sidebar will create a custom profile that shows up just above your pinned projects. I am still trying to figure out what to put on mine, but this is what I have so far. I feel like mine is a bit big at the moment, I don’t like that my pinned repos end up blow the fold. [3] updated # [4] I tightened mine up and took inspiration from a few others. [5] Share a screenshot and link of yours on dev [1]. updated again # [6] Updated with a list of latest Twitter followers, using GitHub actions. [7] References: [1]: https://dev.to/waylonwalker/what-s-on-your-github-profile-40p3 [2]: /whats-on-your-github-profile/ [3]: https://github.com/waylonwalker [4]: #updated [5]: https://dropper.wayl.one/file/c1d24...

Can someone explain how or why twitter cards render differently from device to device? I do understand that twitter cards a built from meta tags, the full list can be found in their docs [1] Rendered on Mobile # [2] Mobile Looks fine. [3] Not Rendered on Desktop # [4] On Desktop it is not picking up the image. [3] Twitter Card Validator # [5] The Validator renders the card correctly. I tried the official twitter card validator [6], as well as heymeta.com [7], and metatags.io [8]. All look good. [3] Can Cards be updated? # [9] even with a redirect? I tried seting up a pinned tweet that uses a netlify redirect to always keep my latest post up to date. Again this one looks good in the validator, doesnt render the image on desktop, does render the image on mobile, but does not update. I have heard that you need to hit the card validator to update cards? I am not sure if this is true, but for me this is not even upating the card. 👋 Hello, ―――――― I'm Waylon Walker ―――――― ...

I ran a discussion on dev that collected quite a list of examples in the comment section. So many great calls to action, animations, memes, and weird tricks. [1] My current profile # [2] [3] social icons # [4] Upload all of your icons to the repo in a directory such as icons or assets, then link them with a height attribute like below. I used html [5] for mine, not sure if you can set the height in markdown. <a href="https://dev.to/waylonwalker"><img height="30" src="https://raw.githubusercontent.com/WaylonWalker/WaylonWalker/main/icon/dev.png"></a>&nbsp;&nbsp; note I did add a bit of &nbsp; (non-breaking-whitespace) between my icons. Without adding css this seemed like the simplest way to do it. Center # [6] Aligning things in the center of the readme is super simple. I used this trick to align my social icons in the middle. <p align='center'> ...html </p> right # [7] For my latest post [8] I floated it to the right with a little bit of align='right' action. <p> <a ...