PHOTOGRAPHY RUMINATIONS OF PHOTOGRAPHY ILLUMINATIONS
The Site Formerly Known As The Street Bum Series
- HOME
- TAGS
- ARCHIVES
- 12/2001
- 08/2002
- 09/2002
- 10/2002
- 11/2002
- 12/2002
- 01/2003
- 02/2003
- 03/2003
- 04/2003
- 05/2003
- 06/2003
- 08/2003
- 10/2003
- 11/2003
- 12/2003
- 01/2004
- 02/2004
- 03/2004
- 04/2004
- 05/2004
- 06/2004
- 07/2004
- 08/2004
- 09/2004
- 10/2004
- 11/2004
- 12/2004
- 01/2005
- 02/2005
- 03/2005
- 04/2005
- 05/2005
- 06/2005
- 07/2005
- 08/2005
- 09/2005
- 10/2005
- 11/2005
- 12/2005
- 01/2006
- 02/2006
- 03/2006
- 04/2006
- 05/2006
- 08/2006
- 09/2006
- 10/2006
- 11/2006
- 12/2006
- 01/2007
- 02/2007
- 03/2007
- 04/2007
- 05/2007
- 06/2007
- 07/2007
- 08/2007
- 09/2007
- 10/2007
- 11/2007
- 12/2007
- 01/2008
- 02/2008
- 03/2008
- 04/2008
- 05/2008
- 06/2008
- 07/2008
- 08/2008
- 09/2008
- 10/2008
- 11/2008
- 12/2008
- 01/2009
- 02/2009
- 03/2009
- 04/2009
- 05/2009
- 06/2009
- 07/2009
- 08/2009
- 10/2009
- 12/2009
- 02/2010
- 03/2010
- XML
- LINKS
- ETCETERA
StupidLogic.com RSS Feed
This post is titled May 1st Reboot: Mission Accomplished! by author SoulJah.
After 2 days of designing and CSS positioning, coupled some more days with the compulsory editing, realigning, troubleshooting, debugging, adding, subtracting work done to the site, now I present to you the new StupidLogic:CSS. Sleek, refined, smooth. CSSed.
The idea behind the new redesign was the cssReboot movement, for which I am the only sole participant from Brunei. I've been putting CSS into my work for the past year most evident in SIP Phone Demo site that I was gonna do for JTB, and also at DGComm Solutions. While incorporating Flash as the main navigational items, the rest of the site was done totally in CSS.
A fickle thing CSS, which was supposed to bring web browsers together in a unison of conformity, but alas, the difference between the three major browsers (Opera, IE, Firefox) meant careful coding of the elements. I could've had the site to be validated in HTML Transitional 4.01 and CSS 1.0 but some tags that needed to keep the look consisted across the three sites means the site is not fully valid HTML Transitional 4.01. Example? The margins for IE and Firefox can be controlled directly through CSS, but one of Opera's quirks is that it doesn't acknowledge that, rather having to use topmargin=0 and leftmargin=0.
I've been meaning to do a multi layout site for a while and a great inspiration was CSS Zen Garden that shows off the power of CSS design. While I've put links that can change the layout to the left, the only changes right now is that it changes the top image. With some more time, I'll create a rather funky layout soon, so be on the lookout for that.
Currently those links will store your choice in a cookie so when you come back here, you'd be seeing the one that you clicked the last time you came here. Again, big thanks to CSS Zen Garden for the inspiration.
(A point of interest, Firefox has an option under the View menu that you can select and choose the layout of your choice there.)
Another thing I wanna push right now is the RSS feeds for my site. Now that Opera has finally supported Atom XML, there's no choice for you guys not to subscribe to my news feed! :D
A recent excursion to Mac's Safari mini site, I came across something peculiarly interesing. Apparently it shows an RSS icon on the right hand site of the address bar, which I noticed too in the Opera browser (sorry no Firefox/IE), so if you click on the blue RSS icon, you can select your feed du jour and have content delivered to you as fast as you update your RSS feeds!
Code:
<link rel="alternate" type="application/atom+xml" title="Atom" href="/stupidlogic.xml" />
I wandered over here from b0g. I don't know how your site looked before this, but the CSS right now is pretty fucking sweet, man. Good work.
By
, at Thursday, May 05, 2005
You can easily style your pages in Opera, but our default style sheet is different from Firefox, which in turn is different from IE (though that matters less here). In CSS2, Appendix A you will see "BODY { padding: 8px; line-height: 1.33 }". If you want the body element to go flush with the window, try "body {padding:0; margin: 0}". This is changing with CSS2.1 and it is likely we will follow suit. In any case specifying both padding and margin will do it both with Opera and other CSS capable browsers.
By , at Friday, May 06, 2005
Whoa, that body {padding:0; margin: 0} worked like a charm! Thanks!
By
SoulJah, at Friday, May 06, 2005
The idea behind the new redesign was the cssReboot movement, for which I am the only sole participant from Brunei. I've been putting CSS into my work for the past year most evident in SIP Phone Demo site that I was gonna do for JTB, and also at DGComm Solutions. While incorporating Flash as the main navigational items, the rest of the site was done totally in CSS.
A fickle thing CSS, which was supposed to bring web browsers together in a unison of conformity, but alas, the difference between the three major browsers (Opera, IE, Firefox) meant careful coding of the elements. I could've had the site to be validated in HTML Transitional 4.01 and CSS 1.0 but some tags that needed to keep the look consisted across the three sites means the site is not fully valid HTML Transitional 4.01. Example? The margins for IE and Firefox can be controlled directly through CSS, but one of Opera's quirks is that it doesn't acknowledge that, rather having to use topmargin=0 and leftmargin=0.
I've been meaning to do a multi layout site for a while and a great inspiration was CSS Zen Garden that shows off the power of CSS design. While I've put links that can change the layout to the left, the only changes right now is that it changes the top image. With some more time, I'll create a rather funky layout soon, so be on the lookout for that.
Currently those links will store your choice in a cookie so when you come back here, you'd be seeing the one that you clicked the last time you came here. Again, big thanks to CSS Zen Garden for the inspiration.
(A point of interest, Firefox has an option under the View menu that you can select and choose the layout of your choice there.)
Another thing I wanna push right now is the RSS feeds for my site. Now that Opera has finally supported Atom XML, there's no choice for you guys not to subscribe to my news feed! :D
A recent excursion to Mac's Safari mini site, I came across something peculiarly interesing. Apparently it shows an RSS icon on the right hand site of the address bar, which I noticed too in the Opera browser (sorry no Firefox/IE), so if you click on the blue RSS icon, you can select your feed du jour and have content delivered to you as fast as you update your RSS feeds!
Code:
<link rel="alternate" type="application/atom+xml" title="Atom" href="/stupidlogic.xml" />
Posted by SoulJah at 11:36:00 PM
I wandered over here from b0g. I don't know how your site looked before this, but the CSS right now is pretty fucking sweet, man. Good work.
By
, at Thursday, May 05, 2005
You can easily style your pages in Opera, but our default style sheet is different from Firefox, which in turn is different from IE (though that matters less here). In CSS2, Appendix A you will see "BODY { padding: 8px; line-height: 1.33 }". If you want the body element to go flush with the window, try "body {padding:0; margin: 0}". This is changing with CSS2.1 and it is likely we will follow suit. In any case specifying both padding and margin will do it both with Opera and other CSS capable browsers.
By
, at Friday, May 06, 2005
Whoa, that body {padding:0; margin: 0} worked like a charm! Thanks!
By
SoulJah, at Friday, May 06, 2005
