...

View Full Version : Just (re)launched: black-coffee.info



VIPStephan
08-11-2011, 05:56 PM
OK, I admit this is more a general show off rather than asking for advice but Id like to present you the redesigned website of funk and soul band Black Coffee (http://black-coffee.info) because Im really proud of it (and it was a lot of work). I did everything except the monsters graphic which was designed by an illustrator who also did the cover of the first album (and will do the second one, too). The handwritten font is also by him. The site is powered by CMS Made Simple and the shop by PrestaShop.

Let me know what you think. :)

Apostropartheid
08-12-2011, 01:19 PM
<3.

I see a white square at the bottom where the Facebook thing should be. Is there no way to insert a graceful fallback?

VIPStephan
08-12-2011, 01:53 PM
Are you blocking Facebook by default or would that actually be an error? I did probably forget to remove the background color after development (but then there would just be a blank square). Hm… Facebook isn’t quite famous for graceful degradation – need to think about something, possibly a graphical link to the Facebook page.

Apostropartheid
08-12-2011, 02:13 PM
That I am.

tagnu
08-12-2011, 03:59 PM
Love the selected links on the menu :)

Fonts are cute too.

Nice vip!

jalarie
08-13-2011, 05:12 PM
Fixing the coding errors might fix the problem. http://validator.w3.org/check?charset=(detect+automatically)&doctype=Inline&group=0&uri=http://black-coffee.info/

bazz
08-14-2011, 05:23 AM
I loaded the page in ff 3.6.10 and noscript not enabling the site. the horizontal nav menu at the top, displayed with the last link behind the white timetable.

once I told noscript to allow the page, the nav menu shrunk, the font chnaged and all was visible, because the nav menu became narrower.

hth

bazz

VIPStephan
08-14-2011, 05:29 PM
Fixing the coding errors might fix the problem. http://validator.w3.org/check?charset=(detect+automatically)&doctype=Inline&group=0&uri=http://black-coffee.info/

What problem? These errors are related to the Facebook widget on the code of which I have no influence and the only solutions I’ve found that would make it valid (X)HTML are to insert the widget(s) with JS where I don’t like to rely on JS only to provide basic functionality. Hmm, but now that I think of it – average Facebook users are probably not browsing with JS disabled anyway so if nothing shows up without JS it wouldn’t matter, I guess. I’m gonna look into it. I just need something to put there instead of the Like Box then? Though decisions here.


I loaded the page in ff 3.6.10 and noscript not enabling the site. the horizontal nav menu at the top, displayed with the last link behind the white timetable.

once I told noscript to allow the page, the nav menu shrunk, the font chnaged and all was visible, because the nav menu became narrower.

So, you have NoScript set to disallow font-face embedded fonts, too, right? I’ve noticed this issue with older browsers that don’t support font-face (like Firefox 3.0) but have yet to find a standard font that’s narrow/small enough to at least remotely match the custom font. Looking at the browser statistics of the site the oldest Firefox that was detected to be used by a visitor was version 3.5. Then also six hits with unknown browsers.

So, I could completely ignore this issue for the odd visitor that might suffer from it but I really do bother. However, with my aim to make websites work without JS I’m a little stuck here since there is no way to check for font-face support without JS (to style the site differently if unsupported). The only way I found is a JS font-face feature detection (http://paulirish.com/2009/font-face-feature-detection/) by Paul Irish and another one with Modernizr. So, in your case, bazz, with JS disabled and no font-face “support” there’s not much I can do, I’m afraid.

Hmm, well – it just made me thinking – I could probably get around the overlapping issue by floating the time table and navigation instead of positioning them absolutely. But I’d have to rearrange some things then. Need to ponder about it a little more.

Thanks for your input so far. Good thinking! :)

bazz
08-14-2011, 05:55 PM
So, you have NoScript set to disallow font-face embedded fonts, too, right?

as far as I know; I couldn;t tell you. :) I'll check and see.

yes, I had @font-face forbidden. enabled it now and the font is the same whether I 'allow' the webiste or not.

bazz

Noreen
08-15-2011, 12:42 AM
liking the cute menu links and the pink trails they live, thumbs up :thumbsup:

Kevin Richards
08-15-2011, 07:25 AM
I think the site came out pretty nicely.. I know you didn't do the monster graphic but it definitely drew my eye and got me intrigued about what the rest of the page had to offer.

Sysbase
08-15-2011, 07:54 PM
I think design wise it looks pretty clean. Loads fast which is nice. The only thing is design wise I'd put the optin box above the fold you'll get more signups for the newsletter.

samxdesigns
08-25-2011, 01:45 AM
I think the site looks really nice and clean, nice man. :)

PTacoma
08-26-2011, 10:47 AM
This is a really nicely designed site. The monster image at the top is awesome! You're well within your rights to be proud of this :)

CCIMilwaukee
08-27-2011, 07:00 AM
I think that this site is awesome. I also love Chrome's option to translate the site to English as I don't speak German, and I wanted to learn more about the band ;)

M1Creative
08-27-2011, 07:26 AM
Green at the top to purple at the bottom, that is one brave design, but I like the tones so it kind of works for me!

HFRBakersfield
08-27-2011, 09:15 AM
Green at the top to purple at the bottom, that is one brave design, but I like the tones so it kind of works for me!

I for one have always liked the look of green and purple together, they just seem to mesh and not clash. I think this is a great site! :thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum