ko2 menu website project

Kick Off Association talk + website Updates, like or dislike

Moderator: Moderators

User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

ko2 menu website project

Postby Danny D » Tue Jun 23, 2015 12:19 pm

Alex made a suggestion for a website that functions like the ko2 menu. Following on my Alex's brilliant idea I'd decided to create a mini project for myself to do just that. I'll blog about it here as I progress.

Image
Last edited by Danny D on Tue Jun 23, 2015 12:27 pm, edited 2 times in total.
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin
User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

Re: ko2 menu website project

Postby Danny D » Tue Jun 23, 2015 12:24 pm

My initial thoughts.

- Mobile first. The menu system must display on mobile devices. The entire menu can't fit horizontally on an iPhone for example however it will still need to be displayed effectively.
- Responsive design. Time to start learning more as my knowledge on this topic is basic.
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Tue Jun 23, 2015 2:08 pm

Reckon the css would be quite easy to do?

You would need indentation on fullscreen and single column on mobile or just switch the options to a singl menu
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

Re: ko2 menu website project

Postby Danny D » Tue Jun 23, 2015 2:23 pm

Thank you for your response Sir.
I'm a n00b at css and responsive design so this project will be a learning experience. As you mentioned , mobile has to be single column, desktop will be full experience.
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Tue Jun 23, 2015 7:54 pm

So all this time you are telling me we need to get the KOA more responsive and you didn't actually know how to do it?!

Mate I thought you knew so I stepped up to impress you :)

But yes Creaating CSS for this would probably be simple, you would probably need to create 12 columns by 4 or something and then each menu would be 2 columns wide starting in COL1 for the top line, then starting in col 2 for second.

I have a few sites that are setup at 12 wide.

then you just throw it to be 2 cols wide on mobile and where there is nothing in a box you ignore it and should get a straight set of menu items...

Either that or as on dbnx.com you can make it have a menu on the top bar that slides in the menu on mobile...that works ok I think?

Mark
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Wed Jun 24, 2015 11:24 am

Danny if you are having a go yourself then don't click on the link.

But for anyone interested -

www.ko-gathering.com/komenu
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Wed Jun 24, 2015 11:26 am

Shit sorry mate i just realised this was a project for you and not a koa wide thing :(

Yours will be better anyways xxxx
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Wed Jun 24, 2015 12:06 pm

However just to confirm, I have no ipad to check this out on but -

Desktop machines should show the page as a full screen like a KO2 Menu.

Small windowed browsers (less than 700px) and Ipads etc should show it as a slightly smaller KO2 Menu (text shrunk to fix, and the main image slightly smaller)

Then on Phones (or anything under 500px) you should just get a vertical menu.


thats the plan anyway :)
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

Re: ko2 menu website project

Postby Danny D » Wed Jun 24, 2015 12:14 pm

durban wrote:Shit sorry mate i just realised this was a project for you and not a koa wide thing :(

Yours will be better anyways xxxx

No, this is a koa public project mate :)
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin
User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

Re: ko2 menu website project

Postby Danny D » Wed Jun 24, 2015 12:15 pm

durban wrote:However just to confirm, I have no ipad to check this out on but -

Desktop machines should show the page as a full screen like a KO2 Menu.

Small windowed browsers (less than 700px) and Ipads etc should show it as a slightly smaller KO2 Menu (text shrunk to fix, and the main image slightly smaller)

Then on Phones (or anything under 500px) you should just get a vertical menu.


thats the plan anyway :)


I was thinking of along the lines of a couple of different style sheets but need to brush up on my css first. Thanks for the tips, keep them coming.
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin
User avatar
Tripod
2000+ Poster!
2000+ Poster!
Posts: 2727
Joined: Sun Apr 21, 2002 12:00 am
Location: Berlin, Germany
Contact:

Re: ko2 menu website project

Postby Tripod » Wed Jun 24, 2015 12:57 pm

Very impressive, Mark! Love the way it shrinks when making the browser window smaller.
WC Performances 2003: 28/31 - 2004: 14/43 - 2005: 17/63 - 2006: 31/50 - 2008: 12/41 - 2009: 14/34 - 2010: 24/46
User avatar
durban
Site Admin
Site Admin
Posts: 19752
Joined: Wed Jun 13, 2001 12:00 am
Location: Cheshire, England.
Contact:

Re: ko2 menu website project

Postby durban » Wed Jun 24, 2015 1:36 pm

Obviously we can change all the menu options to be actual menu items, like FORUM etc and just click to go there ;)
No longer the only UK based Liverpool, Nottingham Forest and Crewe supporter in the whole of the KOA!!!
User avatar
Danny D
4000+ Poster!
4000+ Poster!
Posts: 4765
Joined: Mon Jun 11, 2001 12:00 am
Contact:

Re: ko2 menu website project

Postby Danny D » Wed Jul 29, 2015 4:14 pm

Wow, I totally missed your link Mark!
It's pretty much complete, well done. And it works on mobile also, bonus points.

I've created a git repo should we ever loose it
https://github.com/DannyCork/kickoff2menu

Now , I'll take you work and modify it for my own personal gain :)

I'll add key bindings left, right, up , down.
"We are now on the threshold of a newer movement, with a newer hope and a new inspiration."
James Larkin

Who is online

Users browsing this forum: No registered users and 2 guests