Howrse

I picked up my early HTML and CSS skills through designing and coding presentations for players of Howrse, a popular horse simulation game.

Besides balancing the various features that players wanted, such as quotes, profile pictures, and links, there were also several technical challenges that stemmed from a constrictive sandbox environment; the Howrse interface allowed only very limited HTML and inline CSS. Because of these constraints, graphics artists had to be inventive in programming to capture behavior that would be one-line implementations on the open web, such as invisible scrollbars, horizontal scrolling, and box placement.

Overall, I learned how to better customize my visual designs towards what the client wanted. I also discovered new ways of looking at the tools I had. The sandbox might have been limited in its scope, but that just challenged me to keep experimenting and discover that what I wanted to accomplish was entirely within my grasp.

Example of horizontal scrolling and invisible scrollbars in pure HTML, accomplished with some smart margins and overflows.

here is the latest news
about

She tried to explain that love wasn't like pie. There wasn't a set number of slices to be given out. There wasn't less to be given to one person if you wanted to give more to another. That after a set amount was given out it would all disappear.
about

She tried to explain that love wasn't like pie. There wasn't a set number of slices to be given out. There wasn't less to be given to one person if you wanted to give more to another. That after a set amount was given out it would all disappear.
about

She tried to explain that love wasn't like pie. There wasn't a set number of slices to be given out. There wasn't less to be given to one person if you wanted to give more to another. That after a set amount was given out it would all disappear.



A "scroll-style" layout.

About Me.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae felis sed mauris gravida placerat. Ut nec viverra neque, nec laoreet velit.
graphics.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae felis sed mauris gravida placerat. Ut nec viverra neque, nec laoreet velit. Nunc libero ligula, tincidunt ac dui a, tristique accumsan eros.

Nunc turpis turpis, tempus id lectus eu, eleifend elementum urna. Morbi felis sapien, aliquet at lacinia consectetur, elementum at libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae felis sed mauris gravida placerat. Ut nec viverra neque, nec laoreet velit. Nunc libero ligula, tincidunt ac dui a, tristique accumsan eros. Nunc turpis turpis, tempus id lectus eu, eleifend elementum urna. Morbi felis sapien, aliquet at lacinia consectetur, elementum at libero.
my game.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae felis sed mauris gravida placerat. Ut nec viverra neque, nec laoreet velit. Nunc libero ligula, tincidunt ac dui a, tristique accumsan eros. Nunc turpis turpis, tempus id lectus eu, eleifend elementum urna. Morbi felis sapien, aliquet at lacinia consectetur, elementum at libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

A travel-themed presentation that changes images every time the page is refreshed.

Inspired.
31708994.gif?1528872104
about me.

The amber droplet hung from the branch, reaching fullness and ready to drop. It waited. While many of the other droplets were satisfied to form as big as they could and release, this droplet had other plans.

my game.

The amber droplet hung from the branch, reaching fullness and ready to drop. It waited. While many of the other droplets were satisfied to form as big as they could and release, this droplet had other plans.

about me.

The amber droplet hung from the branch, reaching fullness and ready to drop. It waited. While many of the other droplets were satisfied to form as big as they could and release, this droplet had other plans.