Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
CSS-Gallery
Uproar-n-Rattle still does websites, here is the proof :P
Today we opened CSS-Galleria.biz that basically is a CSS-gallery made with Textpattern. To add, it has it’s own target area: finns – it’s Finnish CSS-gallery for Finnish sites and webdesigners. Completely open too, you can submit everyones websites if it uses CSS, looks good and code is valid in many ways – and it must be Finnish.
If look at the websites design, you might notice that it doesn’t include nor use any images in design, only CSS – all gradients and logos are basically just CSS2.1 rules, nothing more or less – a text-based website.
If you know any good looking Finnish websites, feel free to suggest them ;)
Plugins used:
- tru_tags
- rss_admin_show_adv_opts
- Plus custom made ones, like in example submission forms, feeds and URLs
Last edited by Gocom (2008-05-28 12:27:27)
Offline
Re: CSS-Gallery
Nice looking site Jukka. I did not know that there were so many finish sites made with txp.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Re: CSS-Gallery
colak wrote:
I did not know that there were so many finish sites made with txp.
Colak, thanks :) You mean that site? Yep that site is but not those that are on the gallery , or couple of them are actually but not all :P But yes, there is plenty of sites made with TXP in Finland.
Last edited by Gocom (2008-05-28 14:29:41)
Offline
Re: CSS-Gallery
Looks cool!
If look at the websites design, you might notice that it doesn’t include nor use any images in design, only CSS – all gradients and logos are basically just CSS2.1 rules, nothing more or less – a text-based website.
Your home logo had me rubbing my eyes again and again – if I wore glasses I would swear there’s a oily film on them :-) Wierd how the blurry background shift around. Either you were tweaking it while I was looking at the site or it shifts around.
Idle thoughts:
- the hearts, beautiful as they are, do cover up a lot of the preview image.
- Sometimes I get no response from the tabs at all. If I reload the page they work again (Safari3/Mac).
- can’t understand a word (well maybe one or two) :-)
TXP Builders – finely-crafted code, design and txp
Online
Re: CSS-Gallery
Thank you jakob :)
Your home logo had me rubbing my eyes again and again – if I wore glasses I would swear there’s a oily film on them :-) Wierd how the blurry background shift around. Either you were tweaking it while I was looking at the site or it shifts around.
Nope, it should shine or look blurry :P It is quite basic thing, actually only some elements with different opacity and size and then little CSS-drawing included, but no it doesn’t move (or should not :D).
Sometimes I get no response from the tabs at all. If I reload the page they work again (Safari3/Mac).
You mean links or the navigation? Server thing or the CSS? Nope, it shouldn’t be because the site nor design itself, more like connection and server as the site should work equally on (Linux/Mac/Windows):
- Firefox 1.5+
- Safari 3+ (minus some cookie problems may occur with default settings aka you can’t submit a site by default. Yeah, bad thing but it’s that or spam)
- Opera 9.2+
- IE7+
the hearts, beautiful as they are, do cover up a lot of the preview image.
The hearts do two things:
- They help you to vote and co see the other cleaner preview
- You know that some ppl do stole images and designs: that little prevents it
We thought it about too, it does cover the images, but as you can see throught’em and you need to go individual page to vote, so it’s quite good method at the end. Why you can’t vote on the list view? Coz we all know that designers vote zero for other webpages and give full rating to their own work. That little prevents it, as they can’t vote zero at once.
Last edited by Gocom (2008-05-28 14:54:24)
Offline
Offline
Re: CSS-Gallery
zero, same as you would use javascript: it just renders inline styles plus elements. No they aren’t inline styles, or they are say what you say, we just used server-side language instead of javascipt that would hide those elements inside DOM that is exatly the same – the source code is always same, so is the pages size. The key factor was to make completely imageless website, actually it’s the same if we use styles or image size and the look is exatly same.
We could hide those elements inside DOM or images, but what would it help? It still is the same old code, and if the styles are inside stylesheet, then it just requires more php magic.
Last edited by Gocom (2008-05-28 15:47:40)
Offline
Offline
Re: CSS-Gallery
Are you saying you used some php instead of javascript and it produces all that style we can see in the source? What’s all the javascript for?
Yes, everything is dynamic. Coz page optimazition the styles are as “inline” – or half. All those round corners and gradients are predifined inside the CSS, making the size smaller. But, we could use classes for every inline but what is point in that? For increasing bandwidth? Classes do include the .my-class {} etc that will enlarge stylesheet.
Javascript are for calculations. All simple matematic data is optimized to make it smaller, so the page opens faster. In example the logo is made in the clients machine, so it takes 63 kb less space/bandwidth. Smaller things with php, other not so important things with javascript.
Offline
Re: CSS-Gallery
Aaah! Well, congrats for doing something so clever. Nobody complains about Google and if you look at its source it’s even more horrendous. I suppose they do something like that too. So you’re in good company but will you become as rich :-)
I clicked around and I don’t think commenting works. I can’t write anything in a comment box. Using Opera on Linux.
Also in arvostelluimmat the navigation arrows and numbers at the bottom don’t work.
Otherwise, I think it’s quite nice, not my favourite colours but so what, and is pretty well what I’d expect from a css gallery.
Offline
Re: CSS-Gallery
I clicked around and I don’t think commenting works. I can’t write anything in a comment box. Using Opera on Linux.
Checked. Yes, last changes before release obviously broke something :P Opera now hides hearts, comment boxes and other stuff that floats. Thought it doesn’t come up in other browsers. Well, it will be fixed soon.
Offline
Re: CSS-Gallery
Comment form bug removed. The reasons were: overflow: hidden; position:relative; hide contents if everything floats inside of the parent.
One bug still remains: position: relative; doesn’t work inline elements or elements that are set to be inline via CSS (in some point today we changed the layout aka removed one element). That basically requires tweaking the HTML and adding one extra span for centering those hearts. Opera loses to IE7 in rendering at this time – well the war isn’t over :D
Offline
Pages: 1