Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Blog I'm working on

Featured Replies

I'm fed up of everything being Web 2.0 or fully Grunge based so I decided to try and come up with something new. I made all this in Photoshop, the only Image I used was some bricks and some wood (which were at odd angles and different colours, but with some wizardry I fixed it.

 

May I present.. Building 2.0 :lol:.

 

shed.jpg

 

Any comments? I'll get on coding it over the weekend.

Pretty cool. You could have windows, doors (what about a birdnest in the gutter for your twitter updates!) etc for the various sections ;)

I can't remember who it was but it was some sort of viral campaign (obviously not a very good one as I can't remember) but they had an almost identical layout as that. Looks sort of like a shed with a website on the wall.

 

It did look very good though, as does yours.

  • Author
I can't remember who it was but it was some sort of viral campaign (obviously not a very good one as I can't remember) but they had an almost identical layout as that. Looks sort of like a shed with a website on the wall.

 

It did look very good though, as does yours.

 

Thanks, but a bit of a kick in the teeth to know it's been done before :(. Ahh well I'll still make it anyway.

  • Author

Wow quite a lot of positive feedback. One thing I've just noticed is the posters stretched as such a bit too far on the top left.

Nice to see something a bit different :) Love to see this once it has some content on it.

 

One minor nitpick - the roof looks slightly odd, like it's totally flat. Most sheds will have a wossname... damn, can't think of the word.. you know, a roof that slops on two sides. Crap, I'll try ASCII art :

 

/\ = front view

 

If there were a bit added to the top to show that, I reckon it'll look spot on.

One minor nitpick - the roof looks slightly odd, like it's totally flat. Most sheds will have a wossname... damn, can't think of the word.. you know, a roof that slops on two sides. Crap, I'll try ASCII art :

 

Pitched roof? An apex?

:D

 

You could have windows, doors (what about a birdnest in the gutter for your twitter updates!) etc for the various sections

 

This is the secret of making this work I reckon - what you can 'decorate' the shed with.

 

Considering your nickname here - how about a Cabbage? I keep thinking of things like flowerpot men, beenstalks, wellies, watering cans, a washing line and all that which serve-up great opportunities for displaying content in novel ways and in an unconventional layout - I reckon you'll need to avoid a blocky, simple 'squared-up' layout considering the shed image.

 

I too like things from a different view and reckon you'll make this something special. Nice one. :D

  • Author

Made a start getting it online, here

 

I still need to get some icons (for tags etc) and delete some CSS I don't need among other things. Looks identical in FF3, IE6 and 7 and everything else I've tested in :).

 

Still quite a lot of work as far as properly implementing into Drupal goes.

  • Author
nice! did you do the graphics?

 

Yeah, well I created them from various photographs. Only thing which was a cut and paste job was the watering can which is off a free stock site.

 

Edit:

 

STOP THE PRESS

 

Okay so nothing so drastic but I decided I'm going to theme this for Wordpress instead of Drupal as I need some experience in the latter.

  • Author

I've finished implementing it into WordPress, all I can say is that WordPress is a lot nicer to work with than Drupal and seems to be a lot cleaner.

 

Anyway I managed to implement dual widget ready sidebars and a few other tricks :). Only thing is that the main content gets pushed under the menus in IE6 but I just need to add an IE6 specific width for the content tomorrow.

 

http://cabbagination.benanderton.co.uk/ - The launch of Cabbagination :D.

Nice. The bricks almost look like real bricks. Maybe you can add some clouds.

 

OMG This is super :) can i hire you to do my blog haha! Pm me :)

  • Author

I have cloud DIVs ready and waiting I just forgot to put them into the theme. :pp I'll get on it later, I put them in originally because the background at the top was kind of dull and boring without them. Thanks for all the compliments guys, not a bad word yet!

  • Jo 90 locked this topic
Guest
This topic is now closed to further replies.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.