Door
Ozzie PHP
op 16-06-2017 22:03
gewijzigd op 16-06-2017 22:15
4.982 views
Hey allemaal,
Het valt me op dat er steeds meer websites komen met een (in grote lijnen) uniforme look. Een grote schermvullende banner bovenin en dan daaronder dan bijvoorbeeld een lay-out gebaseerd op 3 kolommen. Vermoedelijk heeft dit te maken met Twitter Bootstrap. Zelf ben ik niet gewend om bij het ontwikkelen van sites een framework te gebruiken, maar veel sites gebruiken tegenwoordig (als ik de broncode bekijk) vele framework/libraries, zowel voor CSS en JS.
Mijn vraag ... of sowieso een interessante discussie ... is de techniek aan het veranderen? Wordt er inderdaad steeds meer gebruikgemaakt van frameworks/libraries? Kun je er niet meer omheen? Soms zie ik sites die wel 10 css bestanden en 10 js bestanden inladen. Vroeger was dat een doodzonde, maar het lijkt nu steeds normaler te worden????
En, last but not least, welke frameworks/libraries zijn het meest gangbaar? Als ik bijv. 1 library/framework voor css en 1 voor js wil gebruiken, want zijn dan de meest handige/nuttige opties?
Mijn vraag ... of sowieso een interessante discussie ... is de techniek aan het veranderen?
Techniek veranderd altijd, de basis blijft hetzelfde.
Wordt er inderdaad steeds meer gebruikgemaakt van frameworks/libraries?
Ja, maar het grote echte voordeel is dat je bijvoorbeeld makkelijk via composer kunt werken.
1 bestand inladen en je roept je classes aan wanneer je ze nodig hebt.
Kun je er niet meer omheen?
Altijd, maar het hangt ook deels van het project af. Neemt dan als voorbeeld de Twig Template engine.
Kost even wat moeite om het te begrijpen, maar voor je het door hebt ga je je inhoud "opsplitsen", dus PHP door de Classes afhandelen en het HTML gedeelte stop je in TWIG bestanden.
De moeilijkheidsgraad zit hem er meer in: ga je netjes te werken houd je je vast aan de basis principes zoals het bedoelt is, uiteindelijk kun je er nog altijd "steeds omheen werken", maar is dit wenselijk?
Soms zie ik sites die wel 10 css bestanden en 10 js bestanden inladen. Vroeger was dat een doodzonde, maar het lijkt nu steeds normaler te worden????
En dat is het eigenlijk nog steeds. Zeker seo technisch, het scheelt weer requests en dus laadtijd.
Zoals Remco al aangeeft:
Bootstraps, sass, less, gulp, webpack. Het zijn allemaal dingen met hun eigen doel. Vergeet dat niet in deze discussie.....
Heeft alles een eigen doel, ik heb een tijdje geprobeerd van alles te combineren (waaronder ook bovengenoemde), maar uiteindelijk wordt je "geblokkeerd" door het uiteindelijke doel of wordt het zodanig complex, dat het eigenlijk nergens meer overgaat..(uit technisch oogpunt gezien dan).
Wat betreft Bootstrap en Sass/Less ... gebruik je dat door elkaar?
Kan. Je moet goed begrijpen wat "bootstrap" is, en wat "sass" doet en wat "less" doet.
Meest simpele omschrijvng: Less is gewoon CSS, maar het grote voordeel hierbij is weer dat je "variabelen" kunt gebruiken.
Bootstrap is niks anders dan een GRID systeem. Het grote voordeel van dit "vrije grote pakket", is dat er eigenlijk voor alle situaties wel een oplossing is ( denk aan snel een formulier opbouwen ) maar door de juiste css classes krijg je vrij snel een oplossing voor mobile/tablet/desktops.
Ik ben afgestapt van al dat gedoe met less en sass, maar bootstrap zit er hard gebakken in.
Dit roep ik aan via een betrouwbare CDN ipv lokaal hosten ( want is gewoon sneller qua laadtijd ) .
Standaard gaat alles dus via composer, efficiënt, makkelijk en geeft voldoende vrijheid om mee te werken.
Lijkt bootstrap dan niet heel erg op jQuery ineens
Ehm..
Volgens mij is jQuery onderdeel dat ingebakken zit in bootstrap.
Althans, je laad te jquery in, en vervolgens doe je daarmee de leuke dingen.
Dus op de vraag "de toekomst":
Ja, het word gemakkelijker gemaakt.
Let wel op, je moet nog steeds nadenken, en wat basics van html/javascript kennen om tot een goed resultaat te komen. Anders word het een rommeltje.
Als ik kijk naar bootstrap, dan heeft dat mij al vaak een hoop geholpen om snel iets in elkaar te zetten voor mensen. Ik ben best wel van een mooi strak design bedenken en erg creatief, maar als ik gewoon de basics kan gebruiken van bootstrap dan levert dat mij een stuk sneller resultaat op. Time is money zeg maar. :)
ja zo ongeveer kan je het vergelijken, met als extra toevoeging dat het op ieder scherm er ongeveer het zelfde eruit ziet, en dat het mobiel vriendelijk werkt.
De bewering dat bootstrap zonder jquery niet werkt klopt niet.
Als je die extra componenten van javascript wil gebruiken heb je het wel nodig.
Maar om een layout in elkaar te bakken natuurlijk niet.
De bootstrap site zelf. :) http://getbootstrap.com/getting-started/
Als je daar nog geen simpel iets mee in elkaar bakt dan kan je beter gaan breien. ;0)
Het werkt heel gemakkelijk, en de examples geven al heel veel duidelijkheid.
