Friday, October 31, 2014

Another Update to My Website

Homepage with slideshow, crumpled-ripped paper.
Super Busy! Despite all that I have going on, I managed to update my website yet again. After the last update, I was not content with the homepage, footer, about page, and wanted a slideshow. So I did those things, go check it out: http://gabrielohhmedia.com/.

The homepage needed to show off my graphic art skills and I thought it would be really cool to have some crumpled/torn up paper with text on it. First, I tried making a graphic with regular HTML paragraphs superimposed on the graphic. I hard a hard time with that so I included the text on the graphic itself. I made the crumpled up torn paper in The GIMP. Love The GIMP! I used a tutorial you can find here.

In addition, the homepage needed a slideshow, because nowadays, every homepage has a slideshow. To accomplish this, I borrowed a bit of JavaScript from a class I had last May. I just replaced the pictures and tweaked some of the timing. Worked out great. I did find that the images where taking a long time to load so I had to resize the pictures in The GIMP. Again, love GIMP!

I felt that the footer was really boring. I see footers on websites that are cooler than the content of the main article. So I wanted to spruce up my footer. Fresh out of ideas I figured I could use my header graphic, which is just a picture of me, Warholized. I flipped in the image and added some gradient. Nice.

Unintentionally, I changed the font. I wanted a different font for the crumpled up paper on the homepage. Like typewriter style. As I mentioned earlier, I wanted to superimpose my HTML text over the graphic, so I changed the article fonts to monospace. This changed the font to monospace on every page so I decided to stick with it. Plus monospace is available on every computer, making it easy on the download.

The about page, the page that explains me, is still needing some work. Maybe another picture of me somewhere. I added a gradient to the article content so as you read down to the bottom, the colors get darker. Well work on that later.



Monday, October 20, 2014

Updated Website

new web page
The New Web Page Showing My Web Work
Took some time today to update my website. I added a page to show off my web development and design work. Go take a look, then hire me :)

My plans for later include re-coding the graphics galleries in the graphics page, but I think I am OK with how it looks for now. By re-coding, I mean incorporating a picture gallery from jQuery. Something that can replace some of the CSS3 visibility and hovers that I am using.

Luckily, the most recent Firefox update seemed to fix some of the CSS3-related errors I was seeing in that browser only. The errors I was experiencing were coming from the visibility property and hover selector used in the stylesheet. The errors where making some of the images huge and popup off screen when the user hovered over the image. Again, this occurred in Firefox only. Now everything seems fine. However, I will have to try the graphics page in other browsers later.