CODE TUTORIAL | CSS
Forms are ugly by default. Creating a basic form is not hard — but a lot of tutorials I remember encountering in my early days of coding required some sort of JavaScript.
CSS, however, is a lot more powerful than you think. This is the write-up part for the video below. Don’t forget to like and subscribe 😉
Tutorial Version:
Speed Coding Version:
Here is what we will be making:
There is no perfect routine. Only a series of experiments.
Let’s be honest — I’m not the only one that’s tried to wake up at 5 am, attempted to get fit after watching some motivational YouTube video, or tried cleaning the house during the height of the Kon Marie hype.
We’ve all bought the books, listened to the podcast, watched the YouTubers, and attempted to replicate whatever productivity tip they’ve dished out. We’ve all been there — Atomic Habits, minimalism, billionaire routines, and schedules — but nothing seems to stick.
Our butts are still flat. Our house is still a mess. There are still clothes all over the floor. We…
Everything happens in 3 years
There’s something special about the number 3. From the three little pigs to three years in college for a bachelor’s degree — the number three seems to rule our lives in mysterious ways.
A lot can happen in three years if we stick to something long enough — or nothing at all if we just let the time slip on by. This is why we need to start adopting the 3-Year Rule into our lives.
But what is the 3-Year Rule? Why does it matter? and how, exactly, can it change you for the better?
The 3-Year Rule In A Nutshell
I first heard of the…
CODE TUTORIAL | CSS | JAVASCRIPT
Zoom scroll effects are quite cool to incorporate into your designs. However, for many newbies to frontend development, this can feel like a bit of an execution mystery.
In this tutorial, we are going to go over how to make a cool scroll zoom effect with a few lines of JavaScript and a dash of CSS. This is the write-up part for the video below. Don’t forget to like and subscribe 😉
This is what we’re going to be making:
CODE TUTORIAL | CSS
For CSS newbies, a navigation bar is something that you’ll encounter sooner or later. This is the first post for a series of back-to-basics code tutorials I’m doing in conjunction with my YouTube channel reboot.
I’m a writer by strength but I also want to get better at explaining things verbally too. This is the write-up part for the video below. Don’t forget to like and subscribe 😉
Most navigation bars you’ll encounter comes in the form of a list. However, lists by default designs are generally ugly. …
A 4-Step Guide To Unlocking Your Potential
The pandemic was supposed to change your life. For the first few days, you started off well — you woke up early, you got things done, you clocked into your zoom meetings, had your lunch, and did a little bit of stretching.
Three months later, you find yourself in a state of potato-ness. You’re not quite sure where the time went. The next thing you know, the year came to an end and nothing much has changed — except perhaps your waistline and that baking bread isn’t really your thing.
Whatever the case, or variations of this case, you find…
Just because the billionaires are doing it, doesn’t mean it’ll work for you
Over the past decade, I’ve had my fair share of blog posts, articles, YouTube videos, and Instagram motivation that give me a hundred and one reasons why I should wake up at 5 am. Over the past decade, I’ve had my numerous stints at waking up at said hour — only to fall spectacularly back into the comfort of waking up much later.
Nowadays, I wake up at around 8 am — give or take 10 minutes on each side, depending on how nice the other half is to me. …
why 5am wake ups don’t work and calendar deadlines are never kept
Over the past decade, when it comes to productivity — I’ve done it all — Google calendars, Asana, Monday.com, Trello, Notion, to-do lists, reminders, 5am wake up, 3am wake up, post-it notes, burn down charts, and whatever else you can think of.
Over the years, they’ve crashed and burned spectacularly.
Recently, I’ve been getting a ton of productivity-based recommendations on YouTube. Perhaps Google algorithms and tracking cookies know that I’m up to something, or perhaps they’re noticing my absence from the general Internet activities I usually do has suddenly taken a nosedive.
Whatever the case, I found myself fast-forwarding through…
the meta things that slows down your learning journey
Not too long ago, I committed myself to learning React properly. As a long-time software developer, I’ve been on and off React projects, depending on what the team needed. Despite what others assume about me, my personal gauge of understanding how the darn thing works is probably at the tinkering level.
I can do things. I can make ticket requirements happen. But there’s a lot of hand-holding from Google (not that there’s anything wrong with that either).
Over the past few weeks, I’ve immersed myself in a bunch of mini prototypes to figure out how certain concepts work, their nuances…
and how it might impact the way you code
For anyone new to React, you might be wondering why all the tutorials keep changing the pre-generated code from create-react-app over into a class.
The quick answer is that it has to do with states. But before we dig into that, let’s look at the differences between a function and a class in React.
A function in React looks something like this:
function App(){
//some code here
return(
<div className="App">
<!-- some html here -->
</div>
)
}In contrast, a component class in React looks something like this:
import { Component } from 'react'
class App…
