I’m really excited about Thaiane [1], an amazing project by Thaiane [2]. It’s worth exploring!
No description available.
References:
[1]: https://github.com/Thaiane/Thaiane
[2]: https://github.com/Thaiane
Publishing rhythm
Check out sindresorhus [1] and their project css-in-readme-like-wat [2].
Style your readme using CSS with this simple trick
References:
[1]: https://github.com/sindresorhus
[2]: https://github.com/sindresorhus/css-in-readme-like-wat
I’m impressed by blog-post-workflow [1] from gautamkrishnar [2].
Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed
References:
[1]: https://github.com/gautamkrishnar/blog-post-workflow
[2]: https://github.com/gautamkrishnar
The work on commitizen [1] by commitizen-tools [2].
Create committing rules for projects 🚀 auto bump versions ⬆️ and auto changelog generation 📂
References:
[1]: https://github.com/commitizen-tools/commitizen
[2]: https://github.com/commitizen-tools
How python tools configure
mypy # [1]
Mypy’s config parser seems to be one of the most complex. This is likely in part to it having the largest backwards compatability of all projects that I looked at.
mypy/config_parser [2]
flake8 # [3]
options/config.py [4]
black # [5]
black [6]
portray # [7]
- only uses pyproject.toml
portray/config.py [8]
interrogate # [9]
- only uses pyproject.toml
References:
[1]: #mypy
[2]: https://github.com/python/mypy/blob/master/mypy/config_parser.py
[3]: #flake8
[4]: https://github.com/PyCQA/flake8/blob/master/src/flake8/options/config.py
[5]: #black
[6]: https://github.com/psf/black/blob/master/src/black/__init__.py#L277-L331
[7]: #portray
[8]: https://github.com/timothycrosley/portray/blob/main/portray/config.py
[9]: #interrogate
Edit On GitHub
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...
Check out ChristopherBiscardi [1] and their project toast [2].
Moved! now at https://github.com/toastdotdev/toast
References:
[1]: https://github.com/ChristopherBiscardi
[2]: https://github.com/ChristopherBiscardi/toast
Why use a cms
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 like rikschennink’s [1] project fitty [2].
✨ Makes text fit perfectly
References:
[1]: https://github.com/rikschennink
[2]: https://github.com/rikschennink/fitty
🐍 Parsing RSS feeds with Python
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...
Check out awesome-github-profile-readme [1] by saturn-abhishek [2]. It’s a well-crafted project with great potential.
😎 A curated list of awesome GitHub Profile which updates in real time
References:
[1]: https://github.com/saturn-abhishek/awesome-github-profile-readme
[2]: https://github.com/saturn-abhishek
I recently discovered awesome-github-profile-readme [1] by abhisheknaiidu [2], and it’s truly impressive.
😎 A curated list of awesome GitHub Profile which updates in real time
References:
[1]: https://github.com/abhisheknaiidu/awesome-github-profile-readme
[2]: https://github.com/abhisheknaiidu
zoxide [1] by ajeetdsouza [2] is a game-changer in its space. Excited to see how it evolves.
A smarter cd command. Supports all major shells.
References:
[1]: https://github.com/ajeetdsouza/zoxide
[2]: https://github.com/ajeetdsouza
I recently discovered mscoutermarsh [1] by mscoutermarsh [2], and it’s truly impressive.
SECRETS!
References:
[1]: https://github.com/mscoutermarsh/mscoutermarsh
[2]: https://github.com/mscoutermarsh
Reader-2020
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 # ...
Looking for inspiration? timburgan [1] by timburgan [2].
No description available.
References:
[1]: https://github.com/timburgan/timburgan
[2]: https://github.com/timburgan
🤓 What's on your GitHub Profile
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 Anyone Explain Twitter Cards to me?
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 ――――――
...
How I Built My GitHub Profile
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>
note I did add a bit of (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 ...
I recently discovered mzjp2 [1] by mzjp2 [2], and it’s truly impressive.
My personal readme
References:
[1]: https://github.com/mzjp2/mzjp2
[2]: https://github.com/mzjp2