responsive webdesign

Door Davy Debel op 12-01-2013 12:46

3.313 views

beste mensen,

Ik ben hier nieuw en zou me graag verdiepen in webdesign en zo beetje alles wat errond komt kijken.

Mijn vraag gaat over responsive webdesign, als je een website wil gaan maken die mooi oogt op een pc, ipad, smartfone. Kun je dit op een aantal manieren oplossen. waarnaar gaat jullie voorkeur en waarom?
Ikzelf ben geen voorstander van java omdat er op dit moment toch wat om te doen is omtrend security isseus (wat gebeurt er dan als de bezoeker geen java geinstaleerd heeft?).Als je een fluid grid gaat gaan gebruiken en je werkt met een schermresolutie van 1900/1080 is dit toch ook niet mooi...

zijn er tweaks die je kunt toepassen op de fluid grid of zijn er alternatieven waar ik mss eens kan naar kijken en me in verdiepen? Waar gaat jullie voorkeur naartoe...

alvast bedankt voor de respons
met vriendelijke groet
Davy

Davy Debel

15-01-2013 19:51

Elwin - Fratsloos op 15/01/2013 11:00:11

Het werken met grids is een goed hulpmiddel bij het maken van een responsive website. Wij maken vaak gebruik van Gridpak om een basis te maken. Moet zeggen dat ik er lekker mee kan werken. Beter dan bijvoorbeeld het 1140 grid.

zal ik zeker eens goed bekijken bedankt voor de link!

:)

Wouter J

15-01-2013 19:57

Ik maak gebruik van het inuit.css framework die ook een geweldig grid bevat. Het mooie daarvan is dat het geen kolommen grid is, maar een partial grid. Je praat dus niet over een ´span6´ waar van je geen idee hebt wat het betekend, maar je praat over `one-third` of `one-sixth`. Zo kun je heel snel mooie grids maken: http://inuitcss.com/2012/12/building-grid-systems-with-inuit-css/

Davy Debel

15-01-2013 21:19

Ik heb al paar keer zo'n opbouw gezien in een site en das idd wel nog een makkelijke manier van werken denk ik.
het is wel een heel uitgebreid framework, maar wel een goeie tutorial!
bedankt...

Davy Debel

16-01-2013 22:43 gewijzigd op 16-01-2013 23:00

even een vraagje ik ben het script van wouter aan het nakijken en in _widths.css onderaan kom ik dit tegen

@if $responsive == true{

@include media-query(palm){
@include grid-setup("palm-");
}

@include media-query(lap){
@include grid-setup("lap-");
}

@include media-query(portable){
@include grid-setup("portable-");
}

@include media-query(desk){
@include grid-setup("desk-");

het is wss de bedoeling dat de "palm-"; "lap-" ; "portable-" ; "desk-"
ingevult worden met een bepaald px of heb ik het nu mis? ze spreken ook van een _vars.scss heb ik die dan ook nodig samen met die inuit.css?

misschien een stomme vraag, moet nog alles leren en ondervinden
groetjes

Reageren

Inloggen om te reageren