Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2010-03-05 19:27:42

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

My latest site, Pickl-It

My latest site went live a few days ago, http://www.pickl-it.com/

This one was fun because I used TextPattern in new and different ways…

Almost all the entire site is data driven by simple editing of categories & articles
  • Menus are mostly driven by categories and subcategories.
  • Products are actually articles with a few custom fields with commerce driven by Google Checkout Shopping Cart.
  • The “Did You know…” and “Testimonials” boxes are also cycling articles
  • FAQ items on FAQ page http://www.pickl-it.com/faq/ are also managed as individual articles

This allowed very flexible content management by non-technical owners of content who can create new products, and other content all through articles.

-mark

Last edited by mericson (2010-03-05 20:31:22)

Offline

#2 2010-03-26 02:22:10

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

Re: My latest site, Pickl-It

Any opinions, feedback on this site?

Offline

#3 2010-03-26 04:35:20

joebaich
Member
From: DC Metro Area and elsewhere
Registered: 2006-09-24
Posts: 507
Website

Re: My latest site, Pickl-It

Hello Mark,

Your site got my undivided attention for about 20 minutes and I have bookmarked it too because I am interested in the subject. I was able to whizz around the site, though is hugely detailed, and get a great insight into culinary fermentation. I have never been able to make a reasonable dosai. Now I know why.

Your site worked for me and it will for other foodies too. So, it’s fit for purpose. Testament to the power and flexibility of TXP. The end users are obviously enthusiastic about it.

Offline

#4 2010-03-26 10:30:41

geoff777
Plugin Author
From: Benarrabá Andalucía Spain
Registered: 2008-02-19
Posts: 282
Website

Re: My latest site, Pickl-It

Nice site – looks great.

Not keen on the Blue links. Yellow/Red may look better?

Geoff


There are 10 types of people in the world: those who understand binary, and those who don’t.

Offline

#5 2010-04-05 15:51:08

andrea
Member
From: la la land
Registered: 2004-02-24
Posts: 62
Website

Re: My latest site, Pickl-It

what a great site! i agree about the blue links comment above, but i think you did a great job with the site. It’s full of information and I’m quite tempted to order some Pickl-Its. ;) One suggestion: a short video showing the pickling process? You’re using galleria for your pics, right? Does it also allow video?

Offline

#6 2010-04-05 17:10:42

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

Re: My latest site, Pickl-It

Thanks for the kind words and constructive feedback everyone!

Yes, video is planned, but probably would host on YouTube and embed. I believe that would create broader exposure / traffic.

Regarding blue links… been debating that one. Although it may be more aesthetically pleasing to use a color closer to the site theme, I’ve read that people are SO trained that blue underscored text is links, that clicks go down when you use a different style for links.

Offline

#7 2010-04-05 19:55:07

the_ghost
Plugin Author
From: Minsk, The Republic of Belarus
Registered: 2007-07-26
Posts: 907
Website

Re: My latest site, Pickl-It

Probably header img is too large – 350kb. Try convert to jpg


Providing help in hacking ATM! Come to courses and don’t forget to bring us notebook and hammer! What for notebook? What a kind of hacker you are without notebok?

Offline

#8 2010-04-13 20:59:05

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

Re: My latest site, Pickl-It

Thanks for this observation also… went with PNG for transparency effect. 350kb is big, but hoping it will be cached by browser after initial load.

Will have to think about this…

the_ghost wrote:

Probably header img is too large – 350kb. Try convert to jpg

Offline

#9 2010-04-13 22:26:24

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,306

Re: My latest site, Pickl-It

There’s actually no need for transparency: with background-position:50% 50%; for the html selector the site content’s position is “fixed to the background”.


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#10 2010-04-14 01:13:42

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

Re: My latest site, Pickl-It

I’m not sure I understand… the transparency is used for the things that stick out beyond the edge of the image over the background (the airlocks on top, the ‘dill’ at the edges, shadow effect on the bottom, etc.)

Are you suggesting that rather than “knocking out” parts of the image for transparency, I could fill with the background and somehow assure that the background fill in the image and the background itself are aligned? Sounds tricky to get them aligned… but if possible, it may be worth pursuing.

uli wrote:

There’s actually no need for transparency: with background-position:50% 50%; for the html selector the site content’s position is “fixed to the background”.

Offline

#11 2010-04-14 12:34:03

uli
Moderator
From: Cologne
Registered: 2006-08-15
Posts: 4,306

Re: My latest site, Pickl-It

mericson wrote:

Are you suggesting that rather than “knocking out” parts of the image for transparency, I could fill with the background and somehow assure that the background fill in the image and the background itself are aligned?

Exactly. The reason to use transparency is probably that you fixed the background to the window. With background-position:50% 50%; you fix it to the .wrapper-div

Sounds tricky to get them aligned…

A screenshot of the page with the above rule applied willl help you: In Photoshop set the topmost of the two layers to be aligned to “Difference” (should be named so, in German it’s Differenz). That way you have pixel control: a black result then tells you when the two layers are exactly aligned.

Last edited by uli (2010-04-14 12:35:01)


In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links

Offline

#12 2010-04-18 17:26:58

mericson
Member
Registered: 2004-05-24
Posts: 137
Website

Re: My latest site, Pickl-It

uli wrote:

A screenshot of the page with the above rule applied willl help you: In Photoshop set the topmost of the two layers to be aligned to “Difference” (should be named so, in German it’s Differenz). That way you have pixel control: a black result then tells you when the two layers are exactly aligned.

That worked great ! I changed the background and the banner image to a JPEG with aligned background ((I used Gimp) rather than a PNG with transparency. Banner image went from 350k to about 70k and looks absolutely identical.

Thanks!

Offline

Board footer

Powered by FluxBB