More Web Development Tools!

Hello Friends 👋🏾,

Today I want to share with you some more helpful web development tools. I have been a ‘web developer’ for a few months now. I would not consider myself a pro but I am definitely not a beginner.

1. Ray.so

Ray.so allows you to create beautiful images of your code. It has different background colour options, auto formatting, different padding sizes and supports fifty two different coding languages. It also has a nifty feature that automatically detects

screely-1614982622046.png

2. Meta Tags

Meta Tags does exactly what it’s name says. It gives you meta tags. Usually when you send a website to someone it will look like this (Picture 1), but with Meta Tags it will look like this (Picture 2). The website is functional and very easy to use. It automatically shows you previews of what your website will look like on Google, Facebook, Twitter, Linkedin, Pinterest and Slack.

screely-1614983298918.png

Picture 1:

Screen_Shot_2021-03-06_at_10.22.35_am.png

Picture 2:

Screen_Shot_2021-03-06_at_10.27.03_am.png

3. grapecss

grapecss is a stylesheet created by me. As the name suggests grapecss has an overall purple theme. grapecss supports elements such as all the headings, paragraphs, buttons, checkboxes, images, iframes, custom scrollbars, inputs and much more.

screely-1615016915870.png

Shower Thoughts 🚿!

  1. As a kid bringing McDonald’s for lunch makes you look cool. As an adult bringing McDonald’s for lunch makes you look gross.
  2. You just kinda trust your brain that your memories happened.
  3. A lot of road rage could be avoided if vehicles had a that-was-my-bad signal.

Part three maybe coming soon… I hope you guys liked The Grapey Blog. If you did please share it to your friends and family. Have a great day!