Rwd
Best practice för, och goda exempel på, responsive (responsiv) web design.
-
Responsiva tabeller med Datatables.net
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table. -
Atomic design, gränssnittsleverabler & style guides (länksamling)
We’re not designing pages, we’re designing systems of components. —Stephen Hay -
Innehållsstrategi är elefanten i rummet för Rwd
Varför väljer man en responsiv lösning för sin webbplats? Tillgänglighet skulle de flesta svara. Ändå ser man ofta ett format på innehållet som inte alls är tillgängligt eller planerat. -
Identifiera vilka mediaqueries som har stöd på vilken enhet—Palmreader
Surfa in med den enhet du vill testa. -
Hur photoshop kommer till sin rätt för responsiv design
Bara för att designern inte har möjlighet att utforska rwd i ett program som Photoshop, är programmet oslagbart på annat. -
{ Display: table } Hur display-table används för layout i RWD
Ibland behöver man positionera om ordningen på block mellan en större och mindre vy. Display: table; är ett sätt att göra detta på. -
eCSSential—Ladda bara den CSS som behövs med javascript
Jag prövade eCSSential på NTH och tycker att det fungerar mycket bra. Det tar något, något längre tid att rendera sidan på stora skärmar—knappt mätbart. Men det går mycket snabbare för små skärmar som bara får den CSS som behövs -
Skala layouter sömlöst—Remux
Styr fontstorleken, satt i enheten rem på , med browserfönstrets bredd. Hela layouten zoomas med browserfönstrets bredd.