Hej! Tack, men jag skulle mer vilja ha länkar till sidor med tutorials, som beskriver hur man bygger responsive webb utan ramverk.. "Responsiv" har blivit en terminologi som kastas lite hit och dit, men på det senaste så har det börjats ske en slags särskiljning:Sv: Responsive web?
De följande ramverken är bland de största just nu:
1. Foundation (obs! har inget stöd för IE7 om du väljer detta): http://foundation.zurb.com
2. Bootstrap: http://twitter.github.com/bootstrap/
Både av dessa ramverk har även var sin "online generator" som du kan själv mata in hur många kolumner och mått som din formgivning ska ha.
Poången med färdiga ramverkslösningar är att du kan snabt få upp en responsiv webb.
Poängen med skräddarsydd är att du får bättre kontroll, men det tar mer tid.
Mvh,
Henry Tang Kai - Frontendutvecklare - OnTrax ABSv:Responsive web?
Gärna en menu men undermenyer, som vecklas ihop när man skärmen blir mindre.Sv: Responsive web?
1. Rent 'responsiv' design anpassar sig utan att *måste* (men man kan) definera media queries.
2. 'Adaptiv' design anpassar sig vid brypunkterna som du definerar i media queries.
- Det bästa är om man blandar båda två (hybrid). t.e.x. adaptiv design kan innehålla responsiva bilder eller element och vice versa.
Några guider på Svenska:
http://webbhjalp.se/responsiv-webbdesign-guide/
http://websimon.se/responsiv-webbdesign/
Guider på engelska:
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
En lista på bra guider (engelska):
http://designwoop.com/2012/03/15-detailed-responsive-web-design-tutorials/
När det gäller meny:er så är det oftast (ul / li) lista som man manipulerar via media queries. Vissa av guiderna har dessa implementerade.
Hoppas du hittar en som passar, men kör på en som känns lätt och liten att börja med så kommer du se att det är inte så svårt att progressivt läsa sig avancerade tekniker inom ämnet.
Mvh,
Henry Tang Kai - Frontendutvecklare - OnTrax AB