Astroworld Album Cover Care Album Cover Flower Boy Album Cover Igor Album Cover Random Access Memories Album Cover The New Abnormal Album Cover Thriller Album Cover Illmatic Album Cover

↑Hover Me!↑

Hi, I'm Daniel

A front end developer based in Dallas, TX.

Get In Touch

The tech I work with

I created

Font Frog

to view font files online

I use Manjaro as my main operating system so during the course of development, I need to use it to preview fonts. But by default, I don't have any font viewer installed! So instead of just downloading one, I decided to make my own. Names with alliterations are cool, so Font Frog was born.

The site is really simple: you just drag your font file onto the drop area, and drop it there. Font Frog will then show you all of the glyphs in the font file (TTF, OTF or WOFF), allow you to enter preview text, and change the size of said preview text. Users can also leave a review and feature requests.

Even though the site is pretty simple, I learned a from making it. This was my first project using React, so I learned a ton from this project. I went from not understanding React at all and wondering why anyone would even use a framework to wanting to use one on all of my projects (Vue is my favourite). I also learned about making monorepos with Lerna, file uploads with Express, got better at making sites responsive, and using Firebase to store reviews and feedback requests.

Live Site

View Source

I created

SKATE

a digital storefront for a fictional skate shop

SKATE is a fictional skate shop that I created a digital storefront for. It has product pages, articles, shopping cart functionality & an item checkout (non-functional). The Site is also responsive using Bulma.

Live Site

View Source

I created

à la mode

an extension that lets you view the CSS of any element on a webpage

Whenever I see something on a site that looks cool, I try and figure out how they did it. This normally leads to me inspecting the element, looking at the CSS on it, and opening up the site's stylesheets to see the classes on whatever I'm looking at. I figured there had to be a better way to get the CSS, so I made one: à la mode.

à la mode is an extension that allows you to get the CSS of any element you hover over. It adds the necessary stylesheet to the head of the page, creates the modal that follows the mouse, and then gets the classes, IDs, and other styles and puts them in the modal.

This is my first extension, So I learned about how those work for Firefox and Chrome.

Live Site

View Source

I re-created

Stocky

a landing page for fictional photographer

This one's pretty self explanatory. It's just a responsive landing page I made in a few hours using Skeleton. It's a recreation of this theme.

Live Site

View Source

Let's Chat