Archief - fullscreen, scalable website

Ik zou me terug wat willen bezig houden met webdesign (vooral 't code gedeelte) maar ik kan precies nergens een iets of wat duidelijke uitleg vinden hoe je een moderne website maakt. Dus eentje die fullscreen in de browser werkt en scalable is.

Zijn er hier mensen die toevallig een paar goede resources hebben om na te lezen?

Alvast bedankt

Twitter bootstrap kan een begin zijn...

Ik ken je knowledge niet maar ik zal wat opsommen.
Zonder framework.
Zoek eens op @media CSS3 queries.
Verder om alles automatish te laten schalen ga je eerst basis lettergrootte ingeven van body en dan met vb. procenten/em werken waarbij je bij schalen enkel die ene waarde van body moet veranderen met @media.
Layouts: css table (geen html talbes!)
Voor javascript zoek eens op:
HTML 5 standaard APIs. (geolocation + google maps, canvas, video enz)
JSON(P)
XML (niet nieuw)
webworkers (multithreaded javascript)
websockets -> voor mobiele applicaties.
Promises.
En veel meer.
Verder heb je idd frameworks en libraries die je kunnen helpen. Welke dat je zal kiezen is up to you.
Head first boeken hebben veel informatie maar indien je al veel kent zal je ergens anders moeten kijken.

demon326 zei:

Twitter bootstrap kan een begin zijn...

Klik om te vergroten...

Ik gebruik tegenwoordig weinig anders meer
Toch zeker voor interne applicaties waar het voor de gebruiker weinig uitmaakt of het er nu als 20000 andere bootstrap sites uitziet.

Alvast bedankt voor de antwoorden. Ben wat aan het nalezen ivm Bootstrap en denk dat 'k me voorlopig hierop ga focussen om te starten.

Carrion zei:

Alvast bedankt voor de antwoorden. Ben wat aan het nalezen ivm Bootstrap en denk dat 'k me voorlopig hierop ga focussen om te starten.

Klik om te vergroten...

Gewoon wat prullen met bootswatch.com en ge zijt vertrokken!

Recipe4hate zei:

Gewoon wat prullen met bootswatch.com en ge zijt vertrokken!

Klik om te vergroten...

Gezien het net is om zoveel mogelijk te leren zou ik themes afraden. Bootstrap gebruiken is heel goed en kunt ge veel mee leren ook maar bootstrap themes, dan blijft er nog bitter weinig zelf te doen en ervaring is denk ik wel het belangrijkste. TO wilt niet snel een website online hebben maar zich erin verdiepen en net vanalles leren.

Dat vind ik er nu ook van. Probeer gewoon met css te spelen met width=100% of width=50% en float: left;
Nadien leren werken met media queries om zaken die naast elkaar staan, onder elkaar te plaatsen (display: block en float: none)

Voor layout zijn er eigenlijk 3 types layouts die je kan gebruiken met voor en nadelen.
Float -> Minst controle, je moet rekenings houden met volgorde van je html flow, Je kan overlappende elementen van rechts/links voorkomen met "clear" en zover ik nog weet bovenste en onderste marges overlappen.
Absolute -> Meer controle maar je kan moeilijk overlappende elementen voorkomen want het zit niet in "html flow". VB als je browser window verkleint.
CSS table -> Nog meer controle vb je moet geen rekening houden met overlappende blocks zoal bij float (ze overlappen) enz, Nadeel is als je teveel divs gebruikt voor tables kan het je website vertragen. Het is volledig okay om CSS tables te gebruiken. Je mag wel geen html tables gebruiken, die zijn enkel voor tabular data.
Die 3 worden ook wel gemengd gebruikt.