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

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…

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…

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…

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). …

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

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 —

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. …

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…