Using HTML5 form validation features but not actually submitting the form

HTML5 form validation is great. Using an attribute like required or minlength, maxlength, etc., you can validate the form without having to write a single line of JavaScript. However, what if you want to use the validation features but don’t want to actually submit the form? Maybe this is something you would do: The e.preventDefault()…

Using Redux with Hooks in React

Using Redux in your projects may seem really cumbersome with all of the boilerplate that it requires. However, with hooks, using Redux with React can be much less of a daunting experience. This post assumes that you’re working with create-react-app and are familiar with Redux and React. Part 1: index.js First, install the following dependencies….

Using Subdomain of your Website for your Github Pages Project

UPDATE (August 4, 2019): All of this was kind of unnecessary for me since I realized later that once you link your main domain and host its files on GitHub (GH), the projects that you deploy to GH using gh-pages will automatically be available at www.yourdomain.com/your-repo-name I will still leave this post here in case…

Deploying a Project to Github Pages

UPDATE (August 5, 2019): If after following the directions below, you are getting some errors, try downgrading the gh-pages package. The latest version (at the time of this update) seems to be having issues. All you need to do is simply run following, and run the final deploy command. This is more of a reminder…

Tibetan Keyboard

Update (June 18, 2019): I’ve finally gotten around to creating a permanent link for Tibetan Keyboard. Make sure you bookmark and share it! A few days ago, I created “Tibetan Keyboard” on Codepen, written in JavaScript. The idea is that if someone doesn’t have a way to input Tibetan text on their device, typing into…

CSS Grid Support

So, I finally decided to try out CSS Grids today on a single page website that I had to build. Grid has been out for a while and currently most, if not all, modern browsers support it. It makes creating layouts much simpler compared to the older methods using floats and flex-box. CSS Grid Example…