Unintentional HTML Learning Day!

14 Jun

Screen shot 2013-06-14 at 4.56.54 PM

Whewy! This has been an exhausting process!  I have been trying to customize my website (using tumblr as my hosting site).  While most of the layout was alright, I wanted to change the background, the favicon and the header. I figured I will share what I learned (and the resources I used/dissected) to get the end result 🙂

Basic Scroll Box
First off, I learned how to do this neat box that can scroll (link). I learned it just for this blog post so it wouldn’t be too messy! You’re welcome 😉

<div style=”width: 400px; height: 60px; line-height: 1em; overflow: auto; padding: 2px; border: 4px double #DEBB07;”>Text Goes Here</div>

Scroll Box with Custom Background

@charset “utf-8”;
body {
background-color: {color:Background Color};
background-repeat: no-repeat;
background-attachment: fixed;
background-position: Bottom Left;
cursor: url(“”), default;
Also kinda learned how to do this constrained table box thing...but we'll save that for another time

Scroll Box with Pictured
Learned how to do a scroll box with pictures in them too – sweet!

Sample picture for scroll box: Milford Sound, New Zealand

Sample picture for scroll box: Franz Josef Glacier, New Zealand

That’s it for now, I am working on some other things as well, I will share as I go 🙂

Happy Friday!


TT: Retro Landscape Photo

5 Jun

I saw this quote today and knew I had to do something with it right away. I figured I should learn something new while I was at it and I went to my favorite default blog for tutorials, Blog Spoon Graphics.

For the following image, I used this tutorial and one of the amazing photos my sister took when she helped me move down to Arizona and we visited the Grand Canyon.

Screen shot 2013-06-04 at 10.49.30 PM


Creative Process Cheat Sheet

2 Jun

Creative Process Cheat Sheet

I have been finding myself getting stuck at times…and I sometimes forget to use my creative process. I decided to make this cheat sheet/inspiration sheet real quick for myself when I get stuck.

What does your creative process look like?

How It Feels to Be a Freelance Designer

31 May

Sometimes I think people focus too much on the word “free” in freelance designer.

This freelancer does a great job illustrating our daily struggle!



Web Design: Text Editor Coding

14 May

At the recommendation of my peers, I’d like to download Notepad++, however this is a Windows application and my main computer is an iMac.

A peer was so kind to post a review of 7 text editors, and I decided to try Text Wrangler for my iMac.

What would really would be great though is to probably use something like Sublime Text – it is cross platform. (albeit not free)

So using Text Wrangler, I created this beautiful masterpiece:

Screen shot 2013-05-14 at 1.47.37 PM

Web Design: Hand Written Coding

14 May

Please excuse the size and quality of the photo – I don’t have a camera, only my smart phone (which is actually a step up since a month ago when I only had my dumb phone! ;))

Onward and upward to course #3!

13 - 1

Web Design: My Magnificent Blog Post

14 May

Per my graphic design course at Mozilla School of Webcraft (yes I did choose this program partially for the Harry Potter reference) I must write a blog post about why I am getting into web design:

The biggest reason I am getting into web design is because of a little game that I played when I was younger on AOL dial-up called Neopets.

I have always been a computer nerd and gamer ever since my father brought home a computer back in 1997. At first I used the computer to play games and/or watch my brother play games such as: King, Heroes of Might and Magic, Doom, and Sims City.  I also would use the computer’s paint program and practice my art (I thought drawing on the computer was pretty magical).

Thanks to Neopets, I taught myself HTML at 10 years old.  I wanted to make “pages” for my pets (unfortunately they are no longer around, how fun would it be to see my very first websites!).  When I found a web design element that I liked and wanted to use and Neopets did not teach it (this was before Google), I would dissect the code myself to learn what made each website tick.  I even thought to myself when I was younger, “This would be really fun to do as a living when I grow up!”  However, my silly young brain told me that, “By the time I grow up, all the websites will be designed and it wouldn’t be a plausible career path for me.”  Now I see the error of my ways, and as they say, “Better late than never”.

Web design marries two of my passions – art and science (design and coding).  I am excited to embark on this journey and excited to see where it takes me.

– Cheek out