Citat:
Ursprungligen postat av
Innovativ
Ja där kom det - jQuery
Vet du hur många rader kod det är? Vet du hur många av de raderna som verkligen
behövs för mitt lilla galleri? Jag ryser av obehag.
Ett problem (förutom allmän code bloat och webläsare som går på knäna) är att det måste underhållas. Hur många oupptäckta luckor för exploits finns i det gigantiska frameworket? Jag vill inte göra mig beroende av en tredjepartsprodukt som i framtiden kanske läggs ner och sätter mig på bar backe. Jag vill ha en website som har så lite kod att den aldrig behöver updateras, någonsin.
"
Det är väl helt ok att ha den inställningen, men då får du ta konsekvenserna av det. Istället för att använda framework som är testat och buggrättas av tiotusentals personer årligen så får du lita på att du kan göra ett bättre jobb. Och sen beror det ju på hur du värdesätter din egen tid.
Och du sätts väl inte på backen. Ladda ner den js-fil du vill använda och sen kan du välja att använda den resten av livet eller uppdatera om du vill ha nya funktioner som tillkommer. Förstår inte problemet.
Och kör man minified/gzip compression så är det typ 28KB det handlar om som ska överföras till browsern. Ett dammkorn i rymden typ.
Men för att svara på din ursprungsfråga och med de kriterier du har så är ju en förutsättning för att göra sidan responsive att definiera upp viewports, det är första steget. Samt att definiera upp css:er så man arbetar med %-areor,inte fix width. Sen använda CSS media queries för att anpassa viewport efter den skärm innehållet ska visas i.
Om jag var dig skulle jag kanske gå till
https://getbootstrap.com/docs/3.3/customize/ och kryssa ur allt utom Responsive utilities och dra ner och sen rensa bort ev. kvarvarande bloat för att ha något att starta från. Finns ju även väldigt lightweight boilerplates-css-filer för att få till responsive design.
Och ska du göra det själv helt från grunden, ja då finns det ju inga genvägar, då måste man läsa in kunskapen, koda, testa, osv.
Och vill man göra det uber-enkelt. så skiter man i alla viewports, responsive design osv. Har en väldigt enkelt uppbyggd sida där alla bilder ligger i en lång rad i nån containerdiv. Och som du säger har några rader javascript för att hantera klick på bild och scrollning.
Problemet med den lösningne tycker jag är att då sitter man med en gammal lösning när browsrarna uppdateras och ny funktionalitet tillkommer (som t.ex. swipe, vem vet vad för geasture-hantering osv som komme inom några år och då måste man bygga det själv, använder man framework så får man ny funktionalitet på köpet. Men det är en tradeoff mellan funktion/bloat och där har du ju valt redan)