Favicons

Hi everyone,

I found this really neat Favicon generator that I had to share.

http://www.favicon.cc/

Check it out!

Shocked! It's working!

Beyond all belief, my uploader is working!!! I cannot describe the shock and joy I felt when I finally got something to upload. I seriously did not think it would ever happen.

When I first started thinking about this project, I decided to make mine an uploader for Icon files rather than just photos. I did this because icons files are really small, nice-looking, and I have a ton of them on my computer. Plus, I thought it would be nice to have a theme.

Unfortunately this project was too intimidating to do from scratch and I had to study both Jack and David's pages intensely. I owe a big thanks (and maybe an apology?) to both of them. My pages are a mishmash of both of their coding. I understand it pretty well, but I think there's no way I could have done this without their "help".

The only part I feel really great about is the fact that the navigation actually works and seems to correctly pull 50 images at a time. It's nice to finally figure out something without help. Hopefully, in time, I will be able to create more things like this on my own.

So here's my page. It's called ICONography.

I tried to get the lightbox effect to work, but so far no luck. That's my next goal.

PS - In case anyone actually reads this, I might be late tomorrow morning. I heard the LIRR will have delays because of construction work or something. Ugh.

Conflicting Cookies

I would like to suggest to everyone that we all try to set cookies for just our own subdirectories on the onepotcooking.com domain. I think it would be helpful in preventing cookies that may conflict with each other's sites (especially since many of us are using cookies with the same names).

So basically, instead of:
$cookiePath = "/"

you might put this:
$cookiePath = "/yournamehere/"

I'm using this and it seems to work:
$cookiePath = "/sharonnikfarjam/class7"

Too Distracted

Every time I try to work on my assignment, I find myself getting completely distracted by thoughts of the election. This is horrible! Did everyone vote today?

Client-Side Class Assignments

Here are the links to my class assignments to date:

Class1: My Petshop Wireframe JPG
Class2: HTML Coded Wireframe
Class2: My Petshop (based on Amos' wireframe)
Class3: WEBDEV Directory Page
Class4: Shipping/Billing Form with Javascript
Class5: ECommerce Store with Javascript
Class6: Ecommerce Store - Now with PHP!
Class6: Ecommerce Store - PHP - Page 2

Some notes about the PHP: both pages of my store use the same HTML, CSS, and Javascript. I used PHP includes for nearly everything. Each of the two pages have a few PHP variables set at the top which then flow into the Pagetitle and Breadcrumb sections. I used PHP to make background image change based on the Subcategory. I was tempted to do it with Javascript, but chose PHP instead since the background doesn't really change after it is set. It seemed like the sort of thing PHP would be perfect for.

Also, I tried incorporating Amos' solution for the blinking of the info overlays, but so far no luck. I'll keep at it.

Oh yeah, I should probably cite Jon R.'s fabulous Audio Amazon page as the inspiration for my new background images and transparent center section. Mine is nowhere near as good-looking as his, but hey... imitation is the sincerest form of flattery.

Javascript is Frustrating and Sneaky

Thanks to Jung for mentioning the position:absolute detail. I was working on my page for days (with mostly correct Javascript) and none of the positioning succeeded until I set position:absolute in the CSS.

My final assignment is here.

So the moral of the story is that sometimes the Javascript is just fine and the real problems lie elsewhere.

I sure hope future lessons are learned with less pain involved.

CSS Resets

Oh, and another thing...

I was looking at some existing websites out there and found that some of them use a bit of CSS code to normalize cross browser rendering behaviors. It seems like a good idea to me. You explicitly declare everything to be zero at the beginning so all your defaults are the same between IE and Firefox.

I don't know much about it, but it's working so far! (See my earlier post about my page finally looking the same in both browsers.)

At this link you can find further information. Below is the current recommended CSS Reset.



/* NORMALIZE Cross browser rendering inconsistencies

----------------------------------------------- v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* End Normalization */