Open in app

Sign In

Write

Sign In

Gina Lee
Gina Lee

42 Followers

Home

About

Jul 23, 2021

Freelance Project Checklist

I’ve been freelancing web development for roughly 2.5 years now. Building sites big and small, from scratch with code and on website builders such as Shopify and SquareSpace. This is what I’ve learned so far. 1. Figure out if this is a project you would want to work on. Learn about the project. Do you like the idea of it? Are you going…

Freelance

7 min read

Freelance Project Checklist
Freelance Project Checklist
Freelance

7 min read


Published in JavaScript in Plain English

·Feb 14, 2021

How to Request from an API (Fetch, Async/Await)

The classic Web Developer Interview Question: Valentine’s Day Edition — Prompt Create a Valentine’s Day card with a random cat picture and 5 random words. One caveat: Only render the content if both APIs successfully return data. Random Cat Picture API Endpoint: https://api.thecatapi.com/v1/images/search Docs: https://docs.thecatapi.com/ Random Words Generator API Endpoint: https://random-word-api.herokuapp.com/ Docs: https://random-word-api.herokuapp.com/home

JavaScript

3 min read

How to Request from an API (Fetch, Async/Await)
How to Request from an API (Fetch, Async/Await)
JavaScript

3 min read


Aug 7, 2020

Use Custom Elements for Reusable Components! (ES6)

Take the example of having multiple cards, that all contain the same “X” close button present on the top right corner. Here’s what the HTML looks like without using a custom element: There is a saying — a PRINCIPLE — that goes along the lines of keeping yourself…

HTML

2 min read

Use Custom Elements for Reusable Components! (ES6)
Use Custom Elements for Reusable Components! (ES6)
HTML

2 min read


Published in The Startup

·Apr 13, 2020

How To: Responsive Parallax Footer

The parallax effect reveals sections as if they were viewed from different positions. For this article, I will be focusing on the parallax effect on different instances of footers: Footers with fixed heights Footers that change in height due to content Footers that are taller than the device itself on…

HTML

3 min read

How To: Responsive Parallax Footer
How To: Responsive Parallax Footer
HTML

3 min read


Jan 20, 2020

How To: Fade In Animation On Scroll

First to introduce the components, we have: The sticky header <header> The hero section <div class="hero"> (the top fold). And the details section <div class="details"> (the mid fold). Desired result: We want to make the button in the header appear with a fade-in effect as soon as the user scrolls past the…

Animation

2 min read

How To: Fade In Animation On Scroll
How To: Fade In Animation On Scroll
Animation

2 min read


Nov 18, 2018

My First Hackathon Experience

Brooklyn Tech Week Urban Blockchain Hackathon sponsored by DAOStack and Consensys at the Bushwick Generator As a brief introduction, I recently graduated from Flatiron Access Labs (a 15-week immersive Web Development Bootcamp). …

Hackathons

6 min read

My First Hackathon Experience
My First Hackathon Experience
Hackathons

6 min read


Oct 9, 2018

How To: Music Visualizer (Web Audio API)

Github Repo: https://github.com/gg-1414/music-visualizer Live Site: https://gina-lee.com/music-visualizer/ First things first, the HTML →

JavaScript

5 min read

How To: Music Visualizer (Web Audio API)
How To: Music Visualizer (Web Audio API)
JavaScript

5 min read


Sep 18, 2018

Animations (JavaScript + HTML <canvas>)

ALGEBRA. PHYSICS. HTML. JAVASCRIPT — ALL COMBINED TO CREATE COOL SHIT. Lines y = mx + b If you were to ask someone what equation this line makes, they would probably say y=-x. We’re all used to a little something like this —

JavaScript

4 min read

Animations (JavaScript + HTML <canvas>)
Animations (JavaScript + HTML <canvas>)
JavaScript

4 min read


Sep 4, 2018

How To Make A Modal With Javascript

I really wanted to make this website easy flowing by having all the content on the same site, without the user being navigated to a whole new page. My solution was to have a modal appear right on top of the main webpage. …

Web Development

3 min read

How To Make A Modal With Javascript
How To Make A Modal With Javascript
Web Development

3 min read


Aug 27, 2018

Building a simple website (HTML & CSS)

To start any website, you need to create an HTML “skeleton”. HTML is the code that holds the content for the website, whereas CSS is the “styling” of each HTML element. It helps to have an idea of what content your website will have and how you want to present…

CSS

11 min read

Building a simple website (HTML & CSS)
Building a simple website (HTML & CSS)
CSS

11 min read

Gina Lee

Gina Lee

42 Followers

I’m a Web Dev/Artist

Following
  • Jishnu Hari

    Jishnu Hari

  • Sunil Sandhu

    Sunil Sandhu

  • James Brightman

    James Brightman

  • Ivy Teng Lei

    Ivy Teng Lei

  • Chris Agius

    Chris Agius

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech