A single-page, responsive portfolio site built with Svelte 5 and Vite. It includes a hero intro, about section, two portfolio grids (work + play), a skills section, and an experience timeline, plus a sticky header with a mobile hamburger menu and a skip-to-content link. Features Responsive single-page layout with smooth anchor navigation Sticky header that […]
Read MoreJavascript Arcade is a stylized hub for the JS Canvas projects I’ve been working on. Objective I’m re-working my portfolio and needed more casual project to fill it out. The individual arcade games are pretty similar structurally, so it made sense to wrap them up together into a more formalized package for presentation purposes. There;s […]
Read MoreJavascript Arcade is a stylized hub for the retro games I’ve built. Installation Clone the repository to your local machine: https://github.com/K8215/breakout.git Navigate to the project directory: cd breakout Open index.html in your web browser to start the game. Usage Select a game to open it in a new window. All games use WASD controls and […]
Read MoreI updated the style for <code> elements in the Web Cave Theme so that they pop a bit more. Enhanced Readability It was too hard to distinguish code blocks from regular text before. They were just white text on black like the rest of the post content. Now they have the strawberry color scheme that […]
Read MoreI recently purchased a stack of development books on a range of topics, so this will be the first in a series of reviews. Jon Duckett has a 3-volume series on web development from the basics of HTML and CSS to Javascript & jQuery to PHP and MySQL. They were all well-reviewed so I picked […]
Read MoreIt’s been a while since I updated my personal portfolio, so I figured I’d update the project version too. The aim was to get the code cleaner and more maintainable, and to do a fresh round of auditing for google and accessibility. I also made some aesthetic changes to create some variation in the design […]
Read MoreThe WordPress Custom Theme project has been updated to Web Cave 1.1.0. This is a major readability update that brings major changes to the typography and contrast. Readability Updates: Swapped the primary typeface from Source Code Pro to “Titillium Web.” Limited “Press Start 2P” typeface to the homepage title. Removed the glitch effect from everything […]
Read MoreNew year, new WordPress theme: introducing Web Cave 1.1.0. Readability The problem with having an ironic web theme that’s intentionally bad is that.. it’s bad. The original custom WordPress theme for this site sucks and I’m tired of looking at it. Web Cave 1.1.0 is a readability revision that maintains the “3edgy haxor” feel of […]
Read MoreI added some new CSS spinners and other loading effects to the CSS Animation Archive. I felt the loaders section in general could use a bit more fleshing out. Spinning loaders are an obligatory CSS effect so I had to throw a couple in there. CSS Spinners I added two spinners. The first is the […]
Read MoreSay hello to “Shiver”, a Halloween CSS effect that is definitely not ripped from a popular cult cinema streaming service. I added it to the the CSS Animation Archive project in the spirit of the season. Simple Halloween CSS Boyfriend and I have been pounding Giallo films on Shudder for the past two weeks, and […]
Read MoreI’ve added a linear gradient to the rainbow animation in the CSS Animation Archive. The previous rendition was too plain. By happenstance, I came across this video by Kevin Powell, and it inspired the revision. The gradient pattern looks swankier than the plain text color fade, but it comes with a problem. Linear Gradient Won’t […]
Read MoreThe CSS Animation Archive has been updated with more css animations, a mobile fix, and a new section for animated loaders. The most notable new addition is Neon. There are a million tutorials out there for this kind of effect. In static form it’s just a bunch of layered text-shadow properties, but I spiced it […]
Read MoreThe CSS Animation Archive consists of CSS-only animations that I’ve used in my work. Some of them are modified from tutorials, and some are completely unique. Currently available sections include fancy looping effects and some simple rollovers. I’ve applied them to buttons for demonstration purposes, but they can be transferred to any kind of element. […]
Read MoreI never built a web portfolio during my job search. Shocking, I know. It’s typically the first thing every budding web developer has to build, and I’d never done it. This struck me as unacceptable, so I finally up and made one. Web Portfolio Features Slick and simple is the name of the game. To […]
Read More