Web Design Forums

seen.to · 30-05-2005, 16:52

There was a post on another forum a while back asking about sites with just XHTML/CSS and no images whatsoever.

I didn't have time to even think about it the time but yesterday I was bored and started thinking about it and came up with something that doesn't have a single image.

It's not all that tbh and it's also not practical as it only works in FireFox and if you don't have the Trebuchet MS font it will also probably break, but all the same I offer this as an example/foundation of what can be achieved with XHTML/CSS without the use of images.

http://www.yournewdesigner.com/imagefree.html

cam · 30-05-2005, 17:05

There's nothing wrong with images (background or otherwise) as long as you use them sensibly, but it's a nice technical example.

The circles/face is a bit misleading though as I doubt you'd ever actually use a technique like that in a real situation. That said, css3 has some inbuilt functions which could come close to emulating it - border-radius and so on - so this sort of thing could be possible in a cleaner way in the (hopefully) near future

seen.to · 30-05-2005, 17:58

Totally agree about the use of images mate, I'd never make a site without them for anything other than an example of what can be done

Narate · 30-05-2005, 19:22

you failed as you have an .ico image in the address bar

pgo · 30-05-2005, 19:31

Quote:

Originally Posted by Narate

you failed as you have an .ico image in the address bar

Uh oh!

Nice job seen.to. I was actually thinking about something just like this today. I've been toying with the idea of putting together a submission for the Zen Garden - practice styling other peoples' markup is always good! While thinking of possible themes, I considered doing an all-CSS design.

Anyway, how'd you make the layered blue circles? The smiley eyes seem to be periods or something - is it the same with other circles, except you used z-index and huge font sizes?

Too lazy to look at source.

seen.to · 30-05-2005, 21:41

Quote:

Originally Posted by Narate

you failed as you have an .ico image in the address bar

haha :P that's there as part of the main site... is there a way to not include it?

Cheers PGO... yep all periods for the smiley face and circles in the header

pgo · 31-05-2005, 02:16

You devious bastard!

emil · 31-05-2005, 02:59

now that you did it, I bet all your clients will
want that

Nice work, sir.

roto · 31-05-2005, 13:02

Quote:

I've been designing Web sites professionally since 1997 but was guilty of 'HTML Terrorism' up until 2004 when I joined another design forum and started hearing about the wonders of CSS positioning. Until then everything I'd done had used tables galore and some of my older stuff was even guilty of frame abuse *shocked*.

lol

gray · 31-05-2005, 17:02

is there a face? i see a yellow circle

ahh crap didnt read all your post, will look in the fox

pgo · 31-05-2005, 22:29

Quote:

Originally Posted by gray

is there a face? i see a yellow circle

ahh crap didnt read all your post, will look in the fox

Haha!

30-05-2005, 16:52	#1 (permalink)
seen.to unusual suspect ™ Join Date: Jul 2004 Location: DE, USA Posts: 2,763	No images. There was a post on another forum a while back asking about sites with just XHTML/CSS and no images whatsoever. I didn't have time to even think about it the time but yesterday I was bored and started thinking about it and came up with something that doesn't have a single image. It's not all that tbh and it's also not practical as it only works in FireFox and if you don't have the Trebuchet MS font it will also probably break, but all the same I offer this as an example/foundation of what can be achieved with XHTML/CSS without the use of images. http://www.yournewdesigner.com/imagefree.html __________________ [[proverbs and quotes]] [[blog]] [[work]] [[photowebby - some photo's by me]]

30-05-2005, 17:05	#2 (permalink)
cam vague™ Join Date: Mar 2004 Location: Glasgow Posts: 5,293	There's nothing wrong with images (background or otherwise) as long as you use them sensibly, but it's a nice technical example. The circles/face is a bit misleading though as I doubt you'd ever actually use a technique like that in a real situation. That said, css3 has some inbuilt functions which could come close to emulating it - border-radius and so on - so this sort of thing could be possible in a cleaner way in the (hopefully) near future __________________ Random goodness at The Blog™

30-05-2005, 17:58	#3 (permalink)
seen.to unusual suspect ™ Join Date: Jul 2004 Location: DE, USA Posts: 2,763	Totally agree about the use of images mate, I'd never make a site without them for anything other than an example of what can be done __________________ [[proverbs and quotes]] [[blog]] [[work]] [[photowebby - some photo's by me]]

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

30-05-2005, 19:22	#4 (permalink)
Narate Royalty™ Join Date: Feb 2003 Location: Manchester (UK) Posts: 3,234	you failed as you have an .ico image in the address bar

31-05-2005, 02:16	#7 (permalink)
pgo i'm done, son Join Date: Jan 2005 Posts: 12,262	You devious bastard!

31-05-2005, 02:59	#8 (permalink)
emil dt immigrant Join Date: Nov 2004 Location: Bucharest - Romania Posts: 6,705	now that you did it, I bet all your clients will want that Nice work, sir.

31-05-2005, 17:02	#10 (permalink)
gray i still want paying Join Date: Oct 2003 Location: newcastle, uk Posts: 4,728	is there a face? i see a yellow circle ahh crap didnt read all your post, will look in the fox

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)