{Web and Photo}

Blog Has Moved!

2011-03-26T23:28:00.000-07:00

Hey Everyone! My Blog has moved. You can now follow both my photo and web design blog here: http://arkudawebdesign.com/blog/ Thanks!

Campus Penguin Grading Rubic

2010-12-15T17:02:00.000-08:00

Design – 4 points The design has come out very good with what we are where going for. It is pleasing to the eye, its simple but yet complex and give a professional look. Images – 3.5 points We have some imagery on the site and what we have I think is good enough as users will be uploading their own photographs to showcase to others. Layout – 3 points I graded this on the lower end as the

Campus Penguin part 5

2010-12-07T10:45:00.000-08:00

We have Campus Penguin almost complete and in it's Beta stage. I had my wife, Donique, test the site since she is a craigslist user and a student. Since out target audience are students, I thought this would be the best person to test this site. As I watched her use it, she seemed to be able to navigate and find where she needed to go. She did have a problem trying to figure out how to post at

Campus Penguin Part 4

2010-11-23T11:05:00.000-08:00

Questions have been aroused about what type of multimedia to be implemented into the site. One of the ideas that a team mate came up with is to ad a slider on the front page displaying various featured posts. Since our site is basically posting what you want to sell or finding work, a lot of interactive media is not really called for. Basic things such as optimizing images for the web and making

Graceful Degradation & Progressive Enhancement

2010-11-20T18:19:00.000-08:00

So in Web land there are two things that will come up a lot. Graceful Degradation and Progressive Enhancement. So what are they? When I was doing some research on HTML5 and CSS3 for the redesign of my site, I came across an article on Smashing Magazine. While reading this article, I came across these two terms and this is a very good explanation for these two terms: "Graceful Degradation is a

Campus Penguin Project Part 3

2010-11-15T21:55:00.001-08:00

@font-face { font-family: "Cambria"; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: "Times New Roman"; }div.Section1 { page: Section1; } So far so good with campus penguin. The site seems to be coming along well with a couple of expected snags here and there. This week, I ended up helping out with the finalization of the logo. This is

Campus Penguin Project Part 2

2010-11-08T15:39:00.000-08:00

The project our team is working on is coming out fantastic. We agreed on some colors and now are doing the fine tuning for our design. A few things came up when we met as a team last week, one being the size of the site and what we need to do to optimize it for all the viewers regardless of what type of browser or system they are using. We decided that the layout would have a standard 960px

Campus Penguin Design Reaction

2010-11-02T10:52:00.000-07:00

Above you can see our new design! As a team we agreed on the color scheme and are happy overall. There is a couple of points that we might change but overall we like the look. But what we like is what we like. Since our target audience are students, I asked a random student (who wishes not to be named and is majoring in graphic design), what do they think of the layout amongst other questions

Campus Penguin Project

2010-10-24T13:03:00.000-07:00

Week 3 is closed and behind us. We now have the basic elements to push forward with our project, Campus Penguin. This project will be a lot like craigslist but geared towards students. This will be a place to where students can buy/sell books to each other, sell personal items, network with one another, and look for work. The team seems to be exited about the project. We all did a bunch of

Westminster Wedding being featured on TLC

2010-10-21T12:17:00.001-07:00

Allyson and Jason are good people and friends of my wife. I was told that the original photographer she had hired was no longer available for her special day. I also found out that she was on an extra tight budget and only a couple weeks away from her special day. I could only imagine the stress so I offered my services to them since I was available that day. A few days went past and I got an

Last week for teamBravoSF v1.1

2010-10-19T11:38:00.000-07:00

We decided to go with making a book selling site similar to Craigslist. Since our school does not have any way for students to sell books to others we felt there was a need to create a site where students can do so. I know and a lot of us know that the dates given to return books may not be ideal for some. We also are not happy with the amount of money we get back. Over the last week I have

A new start!

2010-10-11T13:08:00.000-07:00

Last week we came up with a few project ideas that needed a team to work with. A team was formed containing the following personel: Cynthia Kong - Project Manager Konstandinos Goumenidis - Technical Director Brent Olivier - Technical Director Federico Clasing - Content Manager Alfonse Surigao - Art Director After getting together, we also came up with a team name, Team BravoSF. Each and every

Wake Forest at Stanford Football!!!!!!

2010-09-19T19:10:00.000-07:00

New Mascot, New Uniforms, 3-0 Record. Yeah that's right, a new mascot...well at least the mascot uniform. The Stanford Cardinals still have a Tree as a mascot but it looks different...what else that threw me off is Stanford's new uniforms for football! Yes they are ALL BLACK! So after I collected my self and got used to these changes, it was time to go to work! I forgot how much I rather

CSS Zen Garden

2010-09-19T17:27:00.000-07:00

View Site Here There are many ways to go about creating a CSS Zen Garden and everyone views their Zen in a different way. But what is Zen? Dictionary.com define's it as this: "A Japanese school, of 12th-century Chinese origin, teaching that contemplation of one's essentialnature to the exclusion of all else is the only way of achieving pure enlightenment " "Achieving Pure Enlightenment".

This weeks amazing links Part 1

2010-09-11T19:37:00.000-07:00

So I constantly look through websites to grab ideas and maybe do some tutorials and what best way to share them with you! So, once a week I will post websites that I come across that I find useful or interesting. Enjoy! 1.CSS3 - http://www.smashingmagazine.com/2010/05/27/css-three-connecting-the-dots/ 2. JavaScript you should know - http://www.onextrapixel.com/2010/06/07/

Flickr user?

2010-09-05T13:46:00.000-07:00

Are you a Flickr user? I am... You probably wonder why you should car if I am or I should care why you are a Flickr user. But do you ever wonder how people are sharing your photos through their blog aside from screen shots or right clicking? Well there is another way, and that's by using your user ID, yep that is right, your user ID. There are a lot of things that Flickr can be used for

CSS Zen Garden

2010-09-05T12:42:00.000-07:00

Getting ready to design my CSS Zen Garden has been harder than I thought. I started out by thinking up designs and that has been the totally wrong thing for me. I found that I work better as I go. Meaning... that I need to start out with a layout or a wire-frame to follow. As I looked through the different excellent designs by others who have submitted to the Zan Garden one had grabbed my eye,

San Francisco 49ers at Oakland Raiders

2010-08-29T17:10:00.000-07:00

Once again, time to bring the camera out! It looks like I will be covering almost all the Raiders home games this year including Stanford. So, it is Football Magic time!!! It has been a while since I have shot football so I actually found it very challenging, especially when you forget the most important object from your camera bag, and that would be a monopod to help you hold up the monster

Putting it all together.

2010-08-27T13:04:00.000-07:00

So over the past few weeks, I have been doing work out of the "Bulletproof Web Design, 2nd edition" book written by Dan Cederholm and now it is time to put it all together. I have come to a final design for my portfolio site and with the help of the book and some ideas stored in my head I came up with this as a final design: final site can be viewed here: Final Site Lets start out with what

HTML5 & CSS3

2010-08-24T11:46:00.000-07:00

Today I had a chance to play a bit with HTML5 and CSS3. I used this tutorial by smashing magazine: http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/ I found it very interesting as there was a lot of markups that I did not recognize. That made me feel like Internet Explorer... which does not recognize the markup for either CSS3 or HTML5 even with the JavaScript

2005 Ford Focus ZX3 for Sale

2010-08-21T12:32:00.000-07:00

Video: HAHA I know I know... it is not the usual posting of images or how to do things online, but I just want to sell my car so here is another way to do it. It is going for $5,875. Here is what I posted on craigslist along with a video of the car :) Text me with questions 858.736.4209 or email me. I check my email on a regular basis. 5,875Also please dont call me and try to low ball you are

Response to How the Web Wins by WIRED

2010-08-19T17:02:00.001-07:00

Let start off by reading the article I am writing my response about. I am going to start by one simple fact, that you never start an article by using a religious figure as a reference. "If the second coming happened right now, Jesus would probably show up as an app." I mean this is not even a joke. Come on, I read this and it made me upset and almost lost interest in reading the rest. So

Night photography

2010-08-10T10:26:00.000-07:00

This is an older photograph I took a while back. Night photography can be difficult. Especially when the ship shakes. But what fun would it be if you didn't get at least one good night shot? I am sure a lot of people always wonder how to take photographs in the dark. A lot of people just experiment with their cameras and back in the day we would just waist lots and lots of film to get the

Bulletproof Web Design Chapter 4

2010-08-08T21:48:00.000-07:00

So back to the book. This time I worked on chapter 4 of Bulletproof Web Design and it dealt with fairly basic but important stuff to know. As always, all the code will be displayed. So lets do just that, start with the code. For the HTML side:

Stockholm

Creating a Template in Dreamweaver

2010-08-06T14:34:00.000-07:00

In order to speed up the process of getting work done, creating simple templates for work flow is a good idea. How many websites have you created or planning to create that have AT LEAST the same start or layout as the other one has? Probably at least one or two other websites, right? I like my websites to be flexible and look good on all computer platforms as well as screens so I work with a

Getting Creative

2010-08-06T14:00:00.000-07:00

Some one asked me how I get creative, so how do I? I have been in the creative field for almost 10 years now, starting by becoming a photographer for the US Navy and moving into the newspaper world. But I found times hard with having a large family I needed to do something else other than photojournalism and still wanted to do something creative field. I entered the world of web design by

Bank of The West Classic Part 2

2010-08-05T11:13:00.000-07:00

I ended up photographing the tennis tournament for a total of two days. Both days the light was harsh, coming from above or behind. I was there basically to cover the bigger matches and they all seemed to be in the middle of the day. Now people always love shooting strait on and since Sunday was the final match for the big prize, the side where all the photographers was packed. I grabbed my safe

Box Model

2010-08-01T19:45:00.001-07:00

The Box Model is a good model to follow for people just learning CSS. It gives a visual on how CSS works and why we set margins, borders, and padding. Check out the diagram from sitepoint.com: Code: .box { width: 300px; height: 200px; padding: 10px; border: 1px solid #000; margin: 15px; } From the image, you see that the margin is set to 15px. A margin is basically giving a bit

Bank of The West Classic

2010-07-29T11:41:00.000-07:00

Just like every time you shoot and event, you need to do a check on all your gear. Today I am gearing up to go to Palo Alto to visit Stanford and cover the Bank of the West Classic. The gear line up includes the following Canon equipment: 5D MKII, 1D MKII and MKIII bodies, 70-200mm 2.8L, 16-35mm 2.8L, 400mm 2.8L series lenses, chargers, batteries, Think Tank International bag, a speed belt

Converting Tables to Divs

2010-07-29T10:32:00.000-07:00

This week I will be converting the following site from Tables into Divs. As reference, I looked through chapter 3 of Bulletproof Web Design 2nd edition to achieve the final outcome. In the book it talks about various types of ways to use EM's and elastic ways to make a website work on any browser, luckily, I was already looking into this type of information on Matthew James Taylor's website:

Action Script 3 Set Location and Event Activity

2010-07-22T15:07:00.000-07:00

*to view the HTML page click here Set Location In this exercise we set a location for the square. Click Here to see what it looks like! In this script we started by creating a shape. After creating this shape, we took the object and made it into a movie clip and saved it in our library. After saving it to the library, you then drag the movie clip into the stage where you then insert a script

Pantone to RGB

2010-07-22T14:38:00.000-07:00

A lot of designers think on Pantone colors and have some colors already stuck in their head. But how do you turn a pantone into and RGB or CMYK and same for the other way around? Well, its easy! if you go to your color picker in photoshop CS4 and got to color libraries your problems are solved! If you are familiar with any of the photoshops this should be easy to find. Here is an example of

Bulletproof Web Design Chapter 1

2010-07-22T11:47:00.000-07:00

Chapter 1 of "Bulletproof Web Design 2nd edition" by Dan Cederholm. In chapter 1 it talks about the importance of using keyword text size over using a font size but I am not going to get into that because this book is a Great one to have in your library. What I am going to show you are the steps I followed in this book and the results. I started off by using the code provided in the book for the

Homework Website

2010-07-20T00:12:00.000-07:00

I made some sketches for my homework web site. We had to come up with two concepts from a few different sites. Here are a few sites I took inspiration from: http://www.noupe.com/ http://www.smashingmagazine.com/ and http://vandelaydesign.com/ Just to name a few. On the images posted you will find my sketches and notes taken. *note, click on image to view in a larger format

Design Idea

2010-07-16T14:14:00.000-07:00

Design Ideas are everywhere! Here is something that was in Starbucks down the street from me. I was sitting there and looked up and my idea radar went crazy! the photo taken with a Blackberry: What Ideas are running through your head?

Homework Schedule for MM2203 Introduction to Web Design

2010-07-16T14:00:00.000-07:00

Week 1: Homework - Research interesting ideas for your homework page and sketch two examples. Must be paper and pencil. Scan image then use Photoshop to block out content via grids. Print this version and, again using pencil, note navigation, technology, purpose, etc. on this image. Scan and upload to blog. Email me the url. Create a timeline and/or schedule for your homework assignments and

First Week Back to School

2010-07-16T13:14:00.000-07:00

I am now in my 5th quarter of attending the Art Institute of California - San Francisco and have been having fun so far. Balancing 5 classes, work, and family has been challenging but rewarding. This quarter I will learn thing on Video, Audio, ActionScript, HTML5, some more tricks in CSS, and I am sure a lot more! Keep your eyes out as I will share my experiences, links, and tutorials of what I