DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[html, css, js] Voor Dummies
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Super zeg!quote:
lol, had nog niet eens tijd om te zoeken 
Zo was het wiel nooit uitgevondenquote:Op vrijdag 17 januari 2014 10:46 schreef KomtTijd... het volgende:
Mijn tip: Doe niet moeilijk en gebruik gewoon 5 wrappers.
Just say hi!
http://jsfiddle.net/3t9LK/1/quote:Op vrijdag 17 januari 2014 10:48 schreef Chandler het volgende:
[..]
Super zeg!
[..]
Zo was het wiel nooit uitgevonden
gvd niet gesaved
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Godver jaquote:Op vrijdag 17 januari 2014 11:03 schreef Catch22- het volgende:
[..]
http://jsfiddle.net/3t9LK/1/
gvd niet gesaved
Ik was al verder dan dat. Optie voor JSFiddle om autosave in te bouwen?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
quote:
[..]
Super zeg!
[..]
Zo was het wiel nooit uitgevonden
quote:
[..]
http://jsfiddle.net/3t9LK/1/
gvd niet gesaved
http://jsfiddle.net/3t9LK/4/quote:Op vrijdag 17 januari 2014 11:04 schreef donroyco het volgende:
[..]
Godver ja
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
dat jaquote:
[..]
[..]
[..]
http://jsfiddle.net/3t9LK/4/
Nu weer verder met onze nieuwe corporate responsive site. vette shit, mag vol los gaan
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Cool.quote:
[..]
dat ja
Nu weer verder met onze nieuwe corporate responsive site. vette shit, mag vol los gaan
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Knap hoor heren! ik doe het jullie niet na! grappig dat er toch 'verborgen' blocks nodig zijn, maar daar kan ik natuurlijk gewoon dummies van maken! heel handig! 
grappig dat er toch 'verborgen' blocks nodig zijn, maar daar kan ik natuurlijk gewoon dummies van maken! heel handig!
Just say hi!
http://jsfiddle.net/maxx0r/3t9LK/5/quote:
Knap hoor heren! ik doe het jullie niet na!
ook nog schaalbaar. Met variabele hoogte is het wat meer geklooi. Dat kan je oplossen met flexboxes, maar dat werkt alleen in webkitbrowsers op meerdere rijden, dus dan zal je moeten gaan javascripten
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik vind al die oplossingen wel mooi, maar als je er ook nog dynamische content in moet plaatsen is het waarschijnlijk toch makkelijker om gewoon enkele wrappers te gebruiken. Nu zit je ook met 4 "loze" elementen, met 4 wrappers zit je dat ook.
Klopt, maar nu hoef ik maar een paar blanke regels in te voeren, de andere mogelijkheid moet je precies gaan verdelen en in sommige gevallen uitrekenen (boven zoveer, links, rechts, onder) en dat hoeft nu niet 
Just say hi!
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
Wat is de reden dat je geen jQuery wilt/kunt gebruiken?quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je zou de target kunnen controleren om welke DIV het gaat.quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
https://developer.mozilla(...)g=DOM%2Fevent.target
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Als een soort van dialog welke geannuleerd wordt zodra je ernaast klikt als ik het goed begrijp.quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
En zie hier, laatste reactie: http://stackoverflow.com/(...)v-when-click-outside
Ik wil graag html, css, js , php en mysql leren. Want ik wil een webdeveloper worden. Eerst wil ik html, css en js leren.
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Wat betreft de "30 Days to..." cursussen vind ik dat wel. Ik ben dan ook degene die ze aan de OP toegevoegd heeft. Ik ben al enige tijd fan van de heldere manier van uitleggen van de instructeur, Jeffery Way.quote:Op zondag 19 januari 2014 18:02 schreef Kraan-Water het volgende:
Ik wil graag html, css, js , php en mysql leren. Want ik wil een webdeveloper worden. Eerst wil ik html, css en js leren.
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Wat ik ook wel een voordeel aan zijn verhaal vind is dat hij vanaf het begin goed uitlegt hoe je de structuur (HTML) van de stijl (CSS) onderscheid. In veel tutorials/cursussen wordt je eerst HTML geleerd waarbij de stijlen voor het gemak aan de HTML worden geplakt zodat het er een beetje leuk uit blijft zien. Om vervolgens halverwege je cursus ineens te leren hoe slecht dat is en dat je dat netjes moet scheiden. Tuts+ doet dat in één keer goed.
Met de pure JS cursus heb ik verder geen ervaring maar die staat er bij om mensen de basis van JS te kunnen leren zonder dat ze aan jQuery vast zitten. Dit kan handig zijn omdat voor simpele JS opdrachten de hele jQuery bibliotheek toevoegen overkill kan zijn.
Het Tuts+ netwerk staat ook al jaren overeind met een blijvende stroom aan tutorials en cursussen in allerlei design/development categorieën. Dus enige kwaliteit mag je wel van ze verwachten.
Wel een kanttekening, zoals in je eigen topic ook al aangegeven werd. Van alleen filmpjes natypen leer je niet veel. Ga vooral ook zelf klooien met de dingen die je geleerd hebt. Niet eerst de hele cursus kijken en dan denken dat je alles fijneloos onder de knie hebt. Probeer na elk nieuw ding wat je geleerd hebt het eerst zelf toe te passen. Zoek de verschillende opties van een html-tag of css-property uit en zie wat de verschillende opties voor effect hebben.
Bouw lekker je eigen probeersels. Maakt niet uit dat ze er nog totaal niet uitzien in het begin. Kijk gewoon wat al die verschillende codes doen en leer van je fouten zodra ze niet blijken te doen wat je had verwacht. Dat is de beste manier om het onder de knie te krijgen.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.quote:
[..]
Wat betreft de "30 Days to..." cursussen vind ik dat wel. Ik ben dan ook degene die ze aan de OP toegevoegd heeft. Ik ben al enige tijd fan van de heldere manier van uitleggen van de instructeur, Jeffery Way.
Wat ik ook wel een voordeel aan zijn verhaal vind is dat hij vanaf het begin goed uitlegt hoe je de structuur (HTML) van de stijl (CSS) onderscheid. In veel tutorials/cursussen wordt je eerst HTML geleerd waarbij de stijlen voor het gemak aan de HTML worden geplakt zodat het er een beetje leuk uit blijft zien. Om vervolgens halverwege je cursus ineens te leren hoe slecht dat is en dat je dat netjes moet scheiden. Tuts+ doet dat in één keer goed.
Met de pure JS cursus heb ik verder geen ervaring maar die staat er bij om mensen de basis van JS te kunnen leren zonder dat ze aan jQuery vast zitten. Dit kan handig zijn omdat voor simpele JS opdrachten de hele jQuery bibliotheek toevoegen overkill kan zijn.
Het Tuts+ netwerk staat ook al jaren overeind met een blijvende stroom aan tutorials en cursussen in allerlei design/development categorieën. Dus enige kwaliteit mag je wel van ze verwachten.
Wel een kanttekening, zoals in je eigen topic ook al aangegeven werd. Van alleen filmpjes natypen leer je niet veel. Ga vooral ook zelf klooien met de dingen die je geleerd hebt. Niet eerst de hele cursus kijken en dan denken dat je alles fijneloos onder de knie hebt. Probeer na elk nieuw ding wat je geleerd hebt het eerst zelf toe te passen. Zoek de verschillende opties van een html-tag of css-property uit en zie wat de verschillende opties voor effect hebben.
Bouw lekker je eigen probeersels. Maakt niet uit dat ze er nog totaal niet uitzien in het begin. Kijk gewoon wat al die verschillende codes doen en leer van je fouten zodra ze niet blijken te doen wat je had verwacht. Dat is de beste manier om het onder de knie te krijgen.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
Metrostijl is toch juist heel makkelijk? Super recht en egale kleuren.quote:
[..]
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Het is Modern UI.quote:
[..]
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Linkje?quote:
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Nice.quote:Op zondag 19 januari 2014 21:12 schreef -Datdus- het volgende:
[..]
Stelde niet veel voor hoor.
http://cdpn.io/aqmiH
Mierenneukerij: Het is YouTube
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
