Kelvin.dev | Web Developer

video1.0<iframe src="https://www.loom.com/embed/ccf6b3e8fc4a400cb3d964992fdf6f26" frameborder="0" width="1152" height="864" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>8641152Loomhttps://www.loom.com8641152https://cdn.loom.com/os/loom-media-content/loom/1ca87d74-2b3d-4f17-b5c7-2b525a8a72aa/3f81558f-41a7-473e-b61d-a6939d2d3db6/sessions-thumbnails-ccf6b3e8fc4a400cb3d964992fdf6f26-e846b317f64a85ab.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9xOXVsZGNqYTRwbnE3Y2N1IiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTM4MjY3NjgsInRpIjoiOGUxYmY0NTAtMDExZC00MDJiLWJlYzAtMmRmN2IxMzY5YTZmIiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiJkMTM0MmQwNS0yODU2LTQzYWMtYWEyMy0xZDFiN2Y3YjgxMGYiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy1jY2Y2YjNlOGZjNGE0MDBjYjNkOTY0OTkyZmRmNmYyNi1lODQ2YjMxN2Y2NGE4NWFiLmdpZiIsImV4cCI6MTc5MzgyNzM2OCwiaWF0IjoxNzkzODI2NzY4LCJqdGkiOiI3MmMyY2I3MS1jZDFiLTRmMTEtOGY4Ni0zYjJhYTc4ZmM1OWMifQ.bIIpjaO9xdIabn9AEZzht9KkHbyQYVZL1W9RFIkNpPPcMLnYLPTGNu2QIUWyN9CA2HPabd1FnHMJT3hxaVUe382K1B6gYXsges9JuCfQlwIQx6s_aWoVQqGSLKaykVdNcVfzp2V5yA8_HxBVB1x6OKkhVvTBVwEh-5Y4r0PL_WgSShwWrSvqWkEWyo7dPIp0WNiFDhIwNghPgHvUwbPpzVgXGBNXIeFuhn7WB5h8foR4DwXswLu_AL7Ja9A5JKmZX4X7LSZ5tEE8xgDm6uEdwrmQTfdslb0UbwMr-IanGMe8KtoSgTaRi1KWJ2KcRcqjiHCed528-NK2Pw9Oz-ZZjg&Expires=1793827368&Signature=ItRMI696zzpsJc5beM5rJavH%7E-61e3NoE18tvBZMB%7ErgafxLDz0p8DY1qLbQrUeh1Nu-z5Gw6W9zdLghhEIwVJb-OsM1aFWl4H37KQWi%7EkFlynWOPnIir-bkcmrE4ixPmVKXB3JBGIhsJ6SCybQV-Bvwr2jOD4v6SCQqSApQwVCiyVEvDZMHW5r0o7aD42zLor47bDpwCzcJpITafpkmY7XAm6fD-N3FJkwYPOkT70oiOleIU9w%7E5lEHIwKoXZ0376SPYBzPrJIc0SMJ1ATjC6E9N58UXqAHd-pigebMM-SbGl9l8iH6p7%7EYxtcVbSPXZvm3%7EXyLZHM6wmwrUwxKNA__&Key-Pair-Id=KQOSYIR44AIC0398.635Kelvin.dev | Web Developer - 14 August 2026This Loom presents the build of a personal portfolio website, focusing on features like dark and light mode, section navigation with smooth scrolling, mobile responsiveness, and an email contact prompt. It explains how HTML uses a meta viewport for mobile layout and anchor links to jump to the About section, while CSS provides smooth scrolling and detailed layout styling, including two-column and image cropping behavior. The speaker also covers JavaScript logic for toggling themes and cycling quotes and retrieving the current four-digit year from the user device. They note a key challenge during development: the code became complex at around 500 lines until they added structure and comments.