🚀 📸 Creating Accessible and Stunning code screenshots

#javascript #codescreenshot #screenshot #productivity

Code Screenshots are a great way to share code snippets in social media, but often times they are not accessible, or the snippet needs to be hosted on some other site and link them.
With code keep, you can create snippets, and add detailed descriptions, and customize and create a screenshot out of it.

Let's see how can we do that.

Steps

Create an account on https://codekeep.io
Add a snippet
Hover over the snippet and click on the screenshot icon, it will take you to https://codekeep.io/screenshot with your code snippet
Click on link and copy the link to the code

Now you can share your custom screenshot with an accessible link to the code snippet.

You can also embed the code snippet on your site by clicking the share/embed button and copying the iframe code

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.