Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
design|snips
Site Name: design|snips – Collecting snippets of good design
Link: http://designsnips.com/
design|snips was born out of my realization that most sites I add to my “Design” folder are bookmarked because of a few elements that are really well designed. Whether it’s the headline style, callout boxes or other modules, I usually am inspired by a few key parts of each site. design|snips will collect and categorize these elements and hopefully help you when it comes time to start on a new interface.
Textpattern (and jQuery) made this one a joy to build and it came together in just a couple days.
The site makes use of the following plugins:- cbs_category_list
- css_rating
- rss_suparchive
- zem_contact_reborn
- zem_nth zem
Offline
Re: design|snips
Great idea, Tom! You should get lots of visitors.
Check it out in Opera 8.5. It’s great fun! There are two scroll bars on the right, none of the ratings show up and the images move about as you hover the mouse around or move the wrong scroll bar. My apologies if I am the only one left using 8.5 but it’s my favourite browser and guarantees a laugh on most ajax or javascript dependent web sites ;-)
Offline
Re: design|snips
i like it. overall good typography and grid. the name and the logo also work really well. some parts(especially the top level navigation) remind me of the latest markboultondesign.co.uk version but that is certainly not meant as an offense.
there’s a little rendering issue in safari on os x, the blog button stays where the container is when it’s displayed. see screenshot:
Offline
Re: design|snips
Thanks for the tip sthmtc. I’m using OmniWeb and Safari 3, so I missed it.
I’ve been trying to figure it out for a while now and I’m stumped…It seems to be related to Safari not adjusting the container’s height when it’s contents are animated and hidden. I tried forcing it to redraw the tab on animation, but that didn’t quite work. Any ideas?
Offline
Re: design|snips
I think people get me completely wrong at times so my comment above might be misinterpreted as though I am laughing at Thame and other web designers. I am not. I am laughing at the vagaries of web design and browser compatibility. I admire designers for trying to introduce new ways of doing things – they do things that I can only dream about. But whatever they try, you can almost guarantee some browser will make their site look pretty crazy.
Back to the designsnips design. Despite Opera’s rendering of it, it can still be used, except for the ratings. So it’s not a big problem like some some where navigation stops working. So probably not worth trying to fix, Tom, as I might be the only one with Opera 8. Hope you can fix the Safari problem.
Offline
Re: design|snips
Great idea, Tom! I think it deserves quite a lot of permanent visitors. And creating such a website in a matter of several days is quite impressive too. That’s Textpattern!
What I think has a room for improvement is the metadata below every screenshot. It doesn’t line up very well and looks a little chaotic, perhaps some realign experiments would help.
Offline
Re: design|snips
Thanks guys.
Don’t worry peter, I totally understood what you were saying. I don’t have enough time right now to look into Opera, but I did manage to fix that Safari 2 bug.
Good tip Vlad, I’ll see if there’s a better way to structure the two-lined posts if that’s what you’re talking about.
You’re totally right about TXP helping speed development. It and jQuery are lifesavers…almost makes me feel like I’m cheating :D
Offline
Re: design|snips
very nice!
in particular im trying to find out how you implemented the blog slide up/down effect. having never coded javascript before, im assuming its a combination of jquery+ easing plugin + custom javascript?
i found a mootools equivalent but would like to stay within textpatterns jquery package inclusion
Last edited by iblastoff (2007-08-04 00:24:50)
Offline
Re: design|snips
iblastoff wrote:
in particular im trying to find out how you implemented the blog slide up/down effect. having never coded javascript before, im assuming its a combination of jquery+ easing plugin + custom javascript?
Exactly. Here’s the code:
content.slideToggle('medium', 'expoout');
You’ll have to have the easing plugin added for that “expoout” part.
Offline
Pages: 1