Posts

Simple way to add Contact Forms on static websites (like Github pages)

Image
So lets say you've got yourself a static portfolio website (maybe on Github pages). Won't it be nice if you can add a nice "Contact me" form so that people can connect with you easier? But hey, "Github pages doesn't have any server side code or database so how am I gonna get form submissions", you ask.  Well, there's a really simple trick which I will be explaining here. The idea is to use Google forms but within the website (without any redirects). This will work on any static website, not only Github pages. So, let's get started. The first step is to make a simple HTML form Next step is to make a Google form with the SAME fields   Now, we need to know what google calls these fields. So make a pre-filled form, fill it with anything and grab the link.   Fill in any values and click on "Get pre-filled link" The copied link will look like this Now we need to use the entry fields from the pre-filled link into our html form. Using this, we
Post a Comment
Read more

Best VSCode extensions for Web Developers

Image
Visual Studio Code (VSCode) is one of the most popular code editor used by developers.  Whether you are a full-time web developer working with large codebases or just someone who likes to create websites as a hobby, VSCode can be a great choice for your development needs. That said, here are some extensions that will boost your productivity and give you a better experience while you code. 1. Live Server  This is one of the best for web developers due to its immediate impact on productivity. Make changes in code editor, switch to the browser, and refresh to see changes. Sounds familiar? That's the endless cycle of a web developer, but what if your browser would automatically refresh anytime you make changes and save? That's where Live Server comes in!Live server automatically refreshes the browser each time you make a change to your code and save it. 2. CSS Peek Ever been in a situation where you have to toggle over each time to your .css file with 100+ lines of code and then se
Post a Comment
Read more