Archief - 2 websites in 1, waar beginnen

Kilghard · 26 aug 2014

Normaal weet ik wel hoe ik aan een bepaalde site moet beginnen.
Maar nu geraak ik maar niet gestart

Het zit zo :
De klant bezit 2 verschillende zaken in 1 gebouw

De website zou dus in het midden een verticaal menu hebben met een lijn in het midden
Links van de lijn de navigatie van het ijssalon, rechts de navigatie van de bakkerij

Als ze dus op iets links klikken zou het menu naar rechts moeten sliden, maar de links voor de rechtse site moeten wel zichtbaar blijven.
Als ze dan dus op een link van de rechts site klikken zou alles naar links moeten schuiven.
Zo heb je dus "2 websites in 1"

*edit*
Een afbeelding zegt meer dan 1000 woorden

http://digital-barbers.com/wireframe.png

Maar ik heb dus geen idee hoe hier aan te beginnen ...
Ik kan goed overweg met javascript/angular/jquery en ik ga dit ook moeten gebruiken veronderstel ik ... Maar hoe ... No clue

Iemand enig idee hoe ik dit kan opbouwen qua html/css/javascript?
Feedback op het idee/design mag ook maar dit staat eigenlijk al vast dus is niet nodig

Alvast bedankt !

Moto · 27 aug 2014

Hier al wat inspiratie

http://jtrussell.github.io/angular-snap.js/

Met wat aanpassingen...

-BVR- · 27 aug 2014

Moto zei:
Hier al wat inspiratie

http://jtrussell.github.io/angular-snap.js/

Met wat aanpassingen...

Er wordt tegenwoordig te snel naar overkill plugins gegrepen imo.

Ik zou iets als dit als volgt schrijven: Edit fiddle - JSFiddle

Werk gewoon met classes en CSS transitions. Smooth, hardware accelerated CSS3 goodiness

(Heb het in een tien minuutjes ineen gebokst, dus het kan waarschijnlijk beter, but you get the idea.)

Kilghard · 27 aug 2014

Thanks Bram dat is perfect wat ik nodig heb !

Hier kan ik zeker mee verder, nu enkel nog een kwestie van content dynamisch inladen

Word dus eerder een SPA dan een website.

Grts

*edit*

Heb er nog wat hacky code aan toegevoegd en nu doet het exact wat het moet doen
http://jsfiddle.net/vnpgmrkx/

nog eens merci !

-BVR- · 27 aug 2014

Return false? Foei!

Gewoon een preventDefault gebruiken hé.

Moto · 27 aug 2014

Er wordt tegenwoordig te snel naar overkill plugins gegrepen imo.

Als ge niet veel van CSS3 kunt is het makkelijker om dingen te pikken en wat aan te passen
dan vanaf 0 iets te maken

-BVR- · 27 aug 2014

Moto zei:
Als ge niet veel van CSS3 kunt is het makkelijker om dingen te pikken en wat aan te passen
dan vanaf 0 iets te maken

True, het is gemakkelijker, maar dat doet niets af aan het feit dat het meer dan vaak overkill is voor wat je wilt bereiken.

Kilghard · 27 aug 2014

BramVanroy zei:
Return false? Foei! Gewoon een preventDefault gebruiken hé.

Bah kwam er niet op, zat in den trein, en had geen internet

Hackske e
Zal t afgewerkte product ook showen hier binne n maandje dan moogt ge uw kritisch oog er over laten gaan

Dieterg · 28 aug 2014

BramVanroy zei:
True, het is gemakkelijker, maar dat doet niets af aan het feit dat het meer dan vaak overkill is voor wat je wilt bereiken.

Kan ook gezegd worden van de jQuery die je gebruikt, je had evengoed plain old javascript kunnen gebruiken. + Test die fiddle maar eens in IE :baard:

@Kilghard als je een SPA wilt maken, dan zou ik zowiezo al riching Angular/Backbone/Knockout kijken ipv jQuery

Moto · 28 aug 2014

True, het is gemakkelijker, maar dat doet niets af aan het feit dat het meer dan vaak overkill is voor wat je wilt bereiken.

Wat ik wil bereiken is in korte tijd iets deftig op leveren
En als die gigantische overkill van een ontzettend zware library van 10kb echt problemen gaat geven kunt ge die daarna nog altijd door iets anders vervangen

Kilghard · 28 aug 2014

Idd welke library is nu niet echt een probleem

Maar heb het momenteel super simpel gehouden, het was vooral het switchen tussen de kanten waar ik problemen mee had.

@Dieterg SPA was een te groot woord haha ga gewoon content van php paginas inladen met javascript

Code:

function getContent(section,pagename){
	$.get(section + "/" + pagename, function(response) {
		$("#" + section + " .content").html(response).fadeIn();
	},"html");
}

-BVR- · 28 aug 2014

Dieterg zei:
Kan ook gezegd worden van de jQuery die je gebruikt, je had evengoed plain old javascript kunnen gebruiken. + Test die fiddle maar eens in IE

@Kilghard als je een SPA wilt maken, dan zou ik zowiezo al riching Angular/Backbone/Knockout kijken ipv jQuery

True, dit kon gemakkelijk met puur JS, maar zoals ik al zei schreef ik maar snel iets in een paar minuten. Snel naar jQuery grijpen was dan ook gemakkelijk. Ik schreef het in Chrome, voor de rest niet getest maar dat krijg je ook wel gefixt.

Moto zei:
Wat ik wil bereiken is in korte tijd iets deftig op leveren
En als die gigantische overkill van een ontzettend zware library van 10kb echt problemen gaat geven kunt ge die daarna nog altijd door iets anders vervangen

Jullie begrijpen m'n punt niet. 't Gaat me niet om overkill qua grootte van de plugin of whatever. Ik zie gewoon alsmaar meer en meer mensen die naar plugins zoeken om bepaalde dingen te verwezenlijken, terwijl ze wat ze zelf willen met een paar lijnen code zouden kunnen schrijven. Die plugins zijn dan vaak overkill in die zin dat ze veel meer kunnen dan de basisfunctionaliteit die ze zoeken. Enerzijds is dat grijpen naar plugins gemakzucht of tijdsgebrek, anderzijds onwetendheid. Daarnaast begint het vaak ook met één plugin, maar die stapelen zich al snel op. Dan zit je met een hoop plugins, (die vaak toch al afhangen van jQuery of een andere lib), terwijl je het allemaal korter en efficienter had kunnen schrijven.

Uiteraard geldt dat niet voor alle gevallen, ik leg maar uit wat ik met "overkill" bedoelde.

Kilghard, ik ben geen held in SEO maar ik had altijd begrepen dat content dynamisch laden met javascript niet goed was voor je SEO. Sowieso twee bedrijven op een enkele website lijkt me niet geweldig. Maar andere experts zullen je daar waarschijnlijk beter bij kunnen helpen.

Kilghard · 28 aug 2014

Als er geen javascript is gaan ze gewoon rechtstreeks naar de php pagina waar de content van gehaald word

(fallback pages)
Is niet zo mooi, maar is geen prioriteit.
De 2 zaken opereren in hetzelfde gebouw onder dezelfde naam dus is niet zo n probleem imo.

Andere tips ivm seo altijd welkom ofc

Gorthe · 29 aug 2014

Ik zou zo'n website meer op deze wijze doen: Blueprint: Split Layout
Mij zou het namelijk storen als ik op zoek ben naar enkel het ene gedeelte en toch nog een ander gedeelte (wat ik niet nodig heb) zichtbaar blijft.

Kijk eens naar de code van dit script. Je mag de blueprints van codrops gebruiken, aanpassen en analyseren. Als je dus niet veel kennis hebt, kan je dit als basis voor je website gebruiken qua functionaliteit van de twee kanten. De rest kan je beter zelf uitwerken.

Er zijn er die zullen zeggen dat je dat het erg is om code over te nemen en het gewoon voor je zelf te gebruiken. Maar als je het mij vraagt, zijn zulke voorbeelden goede leermethodes aangezien je zicht krijgt over hoe de code precies in mekaar zit.

Kilghard · 29 aug 2014

Ik heb helemaal geen problemen met code overnemen

Maar zoals ik zei ligt het design al vast en ligt die verantwoordelijkheid niet bij mij.
Dus ik ga toch bij de vorige oplossing blijven.

Had ook maar een aanzet nodig en dat doet de CSS van Bram perfect, de rest lukt me normaal wel.
Vind ik persoonlijk ook veel cleaner & compacter.

Toch bedankt!

Archief - 2 websites in 1, waar beginnen

Kilghard

Legacy Member

Moto

Legacy Member

-BVR-

Legacy Member

Kilghard

Legacy Member

-BVR-

Legacy Member

Moto

Legacy Member

-BVR-

Legacy Member

Kilghard

Legacy Member

Dieterg

Legacy Member

Moto

Legacy Member

Kilghard

Legacy Member

-BVR-

Legacy Member

Kilghard

Legacy Member

Gorthe

Legacy Member

Kilghard

Legacy Member