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
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!
That’s it for now, I am working on some other things as well, I will share as I go 🙂
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.
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?
Sometimes I think people focus too much on the word “free” in freelance designer.
This freelancer does a great job illustrating our daily struggle!
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:
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!
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