Minder Framework: een kader CSS om cross-device sites te maken

Het kader ben ik presenteren in dit artikel is zeer klein, sterk. Zijn naam, onnodig te zeggen, is minder Framework (nu aan versie 4) en is ontworpen om de ontwikkeling van cross-device web toepassingen te ondersteunen.
Het maken van web applicaties die gemakkelijk kan worden bekeken vanuit een verscheidenheid van apparaten, is vandaag de dag erg belangrijk omdat het exponentiële toename van de zichtbaarheid van onze website sinds de inhoud zal zichtbaar zijn op zowel de klassieke desktop of laptop, maar ook op de meest moderne smartphone of tablet.

Een ander sterk punt van dit kader is dat het is gelicentieerd onder de MIT en is dus niet onderworpen aan deze kosten voor bijzondere beperkingen voor het gebruik ervan.

Minder Framework is mogelijk via websites of complexe webtoepassingen compatibel met alle apparaten die zijn aangesloten op het Net als, bovenal, mobiele apparaten (smartphones en tablet), die vandaag de dag steeds populairder en gebruikt.
De bediening is zeer eenvoudig. Het kader doet niets meer dan het toepassen van CSS-stijlen (met behulp van media queries) om webpagina's op basis van schermresolutie Gebruik het apparaat door de bezoeker, zij het ​​een normale computer, een smartphone of een tablet.

Lay-out

Het kader heeft vier verschillende lay-outs die het hele scala van hulpmiddelen aan de orde op de markt vandaag:

• De standaard lay-out wordt gebruikt voor computers (desktop of notebook) en voor de tablet in plaats landscape (horizontaal). Deze lay-out is aangebracht op een rooster met 10 kolommen voor een totale breedte van 992 pixels. Deze lay-out is ook degene gebruikt bij de browser is niet compatibel met media queries.
• De tweede indeling is echter bezorgd over de netbook en tablet (inclusief iPad) in portret-modus (verticaal). Het biedt een versie met 8 kolommen bij 768 pixels breed.
• Het derde betreft de lay-out positie van mobiele apparaten in landscape (horizontaal), zoals de iPhone en iPod Touch. De voorgestelde lay-out is 5 kolommen bij 480 pixels breed.
• De vierde en laatste lay-out voorgesteld door het kader ten slotte, op mobiele apparaten zoals iPhones, iPod Touch en andere smartphones in portret-modus (verticaal). Het raster hier bestaat uit 3 kolommen tot een breedte van 320 pixels.

• <<
• 1
• 2
• 3
• >>