abonnement Unibet Coolblue Bitvavo
pi_115222433
[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. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: 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: Topicreeks: Algemeen Wordpress 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 (code.png), 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.

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
pi_115226343
quote:
10s.gif Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt :+

<h1 color="blue"> enzo 8)7
Tegenwoordig is het
1<h1 class="blue">
Dan kun je de kleur in css regelen
1
2
3
.blue {
    color: red;
}
  dinsdag 7 augustus 2012 @ 08:32:08 #3
118011 BrainOverfloW
Fok! around the Clock!
pi_115226845
quote:
14s.gif Op dinsdag 7 augustus 2012 07:17 schreef Light het volgende:

[..]

Tegenwoordig is het
[ code verwijderd ]

Dan kun je de kleur in css regelen
[ code verwijderd ]

1
2
3
h1 {
    color : red;
}

Dan is dit nog beter.
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
  dinsdag 7 augustus 2012 @ 08:34:31 #4
137776 boem-dikkie
Jedi Mind Baby!
pi_115226881
quote:
0s.gif Op dinsdag 7 augustus 2012 08:32 schreef BrainOverfloW het volgende:

[..]
[ code verwijderd ]

Dan is dit nog beter.
Waarom? Dan heb je al je h1's in het rood.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 7 augustus 2012 @ 08:55:48 #5
12221 Tijn
Powered by MS Paint
pi_115227164
quote:
7s.gif Op dinsdag 7 augustus 2012 08:34 schreef boem-dikkie het volgende:

[..]

Waarom? Dan heb je al je h1's in het rood.
Het is vooral niet zo'n goed idee om de kleur in de naam van je klasse te zetten, want als je dan ooit een nieuwe kleur wil gebruiken, slaan je classnames nergens meer op.
  dinsdag 7 augustus 2012 @ 09:03:41 #6
377024 Quotidien
fetchez la vache
pi_115227266
Maar wat is er nou mis met font tags?
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:12:21 #7
12221 Tijn
Powered by MS Paint
pi_115227405
quote:
11s.gif Op dinsdag 7 augustus 2012 09:03 schreef Quotidien het volgende:
Maar wat is er nou mis met font tags?
Het heeft totaal geen plek in een modern HTML-document, het is iets uit de tijd dat CSS nog geen gemeengoed was.

Met HTML bepaal je de structuur van je document en ook alleen dat. Je bepaalt dat er bijvoorbeeld een koptekst is. Hoe die koptekst eruit ziet is niet iets wat je met HTML bepaalt, daar is CSS voor.

Dus kleuren, lettertypes, marges, plaatsing, grootte, schaduwen, randen, doorzichtigheid, you name it bepaal je met je stylesheet.

Het font-element was in HTML4 al uitgestorven, laat staan dat je dat tegenwoordig nog moet gebruiken.
  dinsdag 7 augustus 2012 @ 09:18:18 #8
377024 Quotidien
fetchez la vache
pi_115227519
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:24:15 #9
12221 Tijn
Powered by MS Paint
pi_115227625
quote:
1s.gif Op dinsdag 7 augustus 2012 09:18 schreef Quotidien het volgende:
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?

Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
  dinsdag 7 augustus 2012 @ 09:28:05 #10
377024 Quotidien
fetchez la vache
pi_115227711
quote:
5s.gif Op dinsdag 7 augustus 2012 09:24 schreef Tijn het volgende:

[..]

Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?

Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
Ik zit mobiel dus kan niet uitgebreid antwoord geven, maar font-tags ja. Grootte, kleur, font, plaatsing, stijl, etc. Dat was dus een deel van het eerste gedeelte (tekst). Verder ben ik nog niet.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:30:23 #11
12221 Tijn
Powered by MS Paint
pi_115227754
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
  dinsdag 7 augustus 2012 @ 09:32:13 #12
267443 Cue_
Cuecumbergirl
pi_115227783
quote:
:D!
Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
pi_115227796
Ach, ik kwam gisteren in de documentatie van een groot .NET CMS nog een speciale HTML5-rendermodus tegen.

Indien je deze rendermodus aanzette maakte ie van:

1
2
3
4
5
<table>
<tr>
<td>Tabelletje</td>
</tr>
</table>

het volgende:

1
2
3
4
5
6
<div class="table">
<div class="tr">
<div class="td">Tabelletje
</div>
</div>
</div>

De techniek staat voor niks :')
Nee.
  dinsdag 7 augustus 2012 @ 09:33:44 #14
377024 Quotidien
fetchez la vache
pi_115227808
quote:
2s.gif Op dinsdag 7 augustus 2012 09:30 schreef Tijn het volgende:
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.

Maar hé, wat zou jij aanraden dan? :)
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:33:52 #15
56176 Catch22-
Ben je Blind?!
pi_115227810
what.the.fuck

Font tags? wat ze moer? van wanneer is die cursus?
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?
pi_115227813
quote:
0s.gif Op dinsdag 7 augustus 2012 09:32 schreef Cue_ het volgende:

[..]

:D!
Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
Als je eenmaal wat ervaring hebt met div's en het positioneren ervan wil je echt niet meer terug naar tabellen. Helemaal niet met het hele responsive gebeuren natuurlijk.
Nee.
  dinsdag 7 augustus 2012 @ 09:35:22 #17
56176 Catch22-
Ben je Blind?!
pi_115227841
mi gado tabellen, dat gebruikt niemand toch meer? Dat kan gewoon niet meer. Wat ook een corkenoplossing is dat eigenlijk...

Opmaak doe je op elementen waarbinnen de content moet worden opgemaakt, niet met fonttags. Al was het maar om de herbruikbaarheid
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?
  dinsdag 7 augustus 2012 @ 09:35:57 #18
377024 Quotidien
fetchez la vache
pi_115227848
quote:
11s.gif Op dinsdag 7 augustus 2012 09:33 schreef Catch22- het volgende:
what.the.fuck

Font tags? wat ze moer? van wanneer is die cursus?
2009

BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:36:06 #19
12221 Tijn
Powered by MS Paint
pi_115227850
quote:
7s.gif Op dinsdag 7 augustus 2012 09:33 schreef Quotidien het volgende:

[..]

Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.

Maar hé, wat zou jij aanraden dan? :)
Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.
  dinsdag 7 augustus 2012 @ 09:38:13 #20
377024 Quotidien
fetchez la vache
pi_115227893
quote:
2s.gif Op dinsdag 7 augustus 2012 09:36 schreef Tijn het volgende:

[..]

Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.
Dan zoek ik wel iets anders.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:38:25 #21
56176 Catch22-
Ben je Blind?!
pi_115227897
quote:
1s.gif Op dinsdag 7 augustus 2012 09:35 schreef Quotidien het volgende:

[..]

2009

BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
dan was hij bij uitgave al achterhaald.

http://coding.smashingmagazine.com/tag/css/

begin eens met daar een dagje artikelen lezen.
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?
  dinsdag 7 augustus 2012 @ 09:39:44 #22
377024 Quotidien
fetchez la vache
pi_115227917
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor. :')
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 09:42:14 #23
56176 Catch22-
Ben je Blind?!
pi_115227958
ja want mensen die niets weten betalen dat graag.
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?
  dinsdag 7 augustus 2012 @ 09:49:55 #24
377024 Quotidien
fetchez la vache
pi_115228161
Wat vinden jullie überhaupt van xhtml eigenlijk?
Ik ben nie hier voor de pingpong te schpelen
pi_115228220
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen

wat zijn goede sites om html/css code op te zoeken??
  dinsdag 7 augustus 2012 @ 09:53:00 #26
12221 Tijn
Powered by MS Paint
pi_115228249
quote:
99s.gif Op dinsdag 7 augustus 2012 09:49 schreef Quotidien het volgende:
Wat vinden jullie überhaupt van xhtml eigenlijk?
Je maakt nieuwe websites tegenwoordig sowieso met een HTML5 doctype. Je kunt daar zowel HTML als XHTML syntax in gebruiken. Ik vind zelf XHTML prettiger, omdat ik me dat jaren geleden heb aangeleerd. Maar er is geen objectieve reden te geven waarom dat beter of slechter zou zijn dan gewoon HTML. Het kan allebei, dus doe wat je zelf prettig vindt.
  dinsdag 7 augustus 2012 @ 09:55:04 #27
56176 Catch22-
Ben je Blind?!
pi_115228303
quote:
0s.gif Op dinsdag 7 augustus 2012 09:51 schreef MrNiles het volgende:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen

wat zijn goede sites om html/css code op te zoeken??
smashingmagazine, sixrevisions etc.

en je moet concepten leren, niet code.
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?
  dinsdag 7 augustus 2012 @ 09:55:16 #28
134533 donroyco
dus niet Donroyco
pi_115228310
quote:
0s.gif Op dinsdag 7 augustus 2012 09:51 schreef MrNiles het volgende:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen

wat zijn goede sites om html/css code op te zoeken??
http://www.w3schools.com/
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. :'(
  dinsdag 7 augustus 2012 @ 09:55:44 #29
377024 Quotidien
fetchez la vache
pi_115228314
Hmm, heeft iemand ervaring met newbostonguy op YT?
Ik ben nie hier voor de pingpong te schpelen
pi_115228336
quote:
not sure if.....
is dat nog wel helemaal up2date..kom daar soms nog wel eens wat vreemde dingen tegen..kan zo ff geen voorbeeld noemen
  dinsdag 7 augustus 2012 @ 09:56:38 #31
12221 Tijn
Powered by MS Paint
pi_115228337
quote:
:')

De koning van de archaïsche troep. De tutorials van w3schools.com stikken echt van de verkeerde informatie.
  dinsdag 7 augustus 2012 @ 09:56:40 #32
56176 Catch22-
Ben je Blind?!
pi_115228338
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
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?
  dinsdag 7 augustus 2012 @ 09:57:35 #33
12221 Tijn
Powered by MS Paint
pi_115228357
quote:
11s.gif Op dinsdag 7 augustus 2012 09:56 schreef Catch22- het volgende:
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.
  dinsdag 7 augustus 2012 @ 10:01:27 #34
56176 Catch22-
Ben je Blind?!
pi_115228446
dan begin je met CSS 101 en HTML 101 artikelen.
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?
  dinsdag 7 augustus 2012 @ 10:02:11 #35
118011 BrainOverfloW
Fok! around the Clock!
pi_115228464
quote:
1s.gif Op dinsdag 7 augustus 2012 09:39 schreef Quotidien het volgende:
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor. :')
Dat is dan wel voor al hun cursussen samen ;)

Maar dat ze je stijl elementen in HTML leren te gebruiken had ik niet verwacht. Ik ben vanuit mijn ervaring met andere cursussen van hun er vanuit gegaan dat deze kwalitatief net zo goed was. Dat valt me wel tegen.
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
  dinsdag 7 augustus 2012 @ 10:03:12 #36
56176 Catch22-
Ben je Blind?!
pi_115228488
Het is een prima cursus

als je een website in 2004 wil maken.
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?
  dinsdag 7 augustus 2012 @ 10:03:55 #37
12221 Tijn
Powered by MS Paint
pi_115228497
Zelfs in 2004 was de font tag al een beetje twijfelachtig, hoor.
  dinsdag 7 augustus 2012 @ 10:05:35 #38
377024 Quotidien
fetchez la vache
pi_115228539
http://betam.lynda.com/HT(...)raining/47603-2.html

Dat is wat wat er nog meer in zit
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 10:13:28 #39
118011 BrainOverfloW
Fok! around the Clock!
pi_115228676
quote:
1s.gif Op dinsdag 7 augustus 2012 10:05 schreef Quotidien het volgende:
http://betam.lynda.com/HT(...)raining/47603-2.html

Dat is wat wat er nog meer in zit
Ik had beter op moeten letten voor ik je de link gaf. Minstens de helft van de dingen die daar tussen staan zijn al lang overbodig geworden. Valt me echt tegen.
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
  dinsdag 7 augustus 2012 @ 10:13:48 #40
330093 McCandless
I'm supertramp
pi_115228682
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:

http://www.sceneone.nl/
  dinsdag 7 augustus 2012 @ 10:16:10 #41
377024 Quotidien
fetchez la vache
pi_115228736
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?

http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 10:21:33 #42
267443 Cue_
Cuecumbergirl
pi_115228858
quote:
14s.gif Op dinsdag 7 augustus 2012 10:13 schreef McCandless het volgende:
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:

http://www.sceneone.nl/
zit er idd net in te lezen, wel duidelijk geschreven en met voorbeelden :)
  dinsdag 7 augustus 2012 @ 10:23:39 #43
330093 McCandless
I'm supertramp
pi_115228897
quote:
0s.gif Op dinsdag 7 augustus 2012 10:21 schreef Cue_ het volgende:

[..]

zit er idd net in te lezen, wel duidelijk geschreven en met voorbeelden :)
Er word je in ieder geval geleerd dat je code en stijl gescheiden moet houden. Tevens is de maker/schrijver van die site werkzaam bij Mirabeau en dat is volgens mij een bureau dat vrij goed aangeschreven staat.
  dinsdag 7 augustus 2012 @ 10:24:43 #44
56176 Catch22-
Ben je Blind?!
pi_115228915
quote:
1s.gif Op dinsdag 7 augustus 2012 10:16 schreef Quotidien het volgende:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?

http://m.youtube.com/playlist?list=PLC1322B5A0180C946
filmpjes werken niet. Je moet eerst de basic concepten leren begrijpen en dan moet je tutorials gaan doorlezen en nabouwen.
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?
pi_115228981
quote:
2s.gif Op dinsdag 7 augustus 2012 09:57 schreef Tijn het volgende:

[..]

Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.
maar dat is met veel uitleg, dat ze er alleen de basis van weergeven..maar dat is dan weer altijd net niet wat je zoekt.
vooral last van met php
  dinsdag 7 augustus 2012 @ 10:35:27 #46
118011 BrainOverfloW
Fok! around the Clock!
pi_115229162
quote:
1s.gif Op dinsdag 7 augustus 2012 10:16 schreef Quotidien het volgende:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?

http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Even twee willekeurig filmpje uit zijn lijst bekeken, #5 "Bold, Italics, and Comments" en #10 "Resizing images", en ook hij gebruikt structuur en stijl door elkaar. Ik kom dingen als <strong>, <em> en <img height = "150"> tegen. Dat doet me toch een beetje vrezen voor de kwaliteit van de rest.
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
  dinsdag 7 augustus 2012 @ 10:39:10 #47
377024 Quotidien
fetchez la vache
pi_115229278
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 10:40:26 #48
299167 stefanhaan
Bloeddorstige wasbeer
pi_115229312
Lynda.com heeft over het algemeen toch goeie tutorials. Zijn die over html/css zo middelmatig dan?
It was an opportunity to honour our memories and to make room for new ones
  dinsdag 7 augustus 2012 @ 10:41:22 #49
330093 McCandless
I'm supertramp
pi_115229347
quote:
8s.gif Op dinsdag 7 augustus 2012 10:39 schreef Quotidien het volgende:
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/
  dinsdag 7 augustus 2012 @ 10:43:41 #50
377024 Quotidien
fetchez la vache
pi_115229420
quote:
14s.gif Op dinsdag 7 augustus 2012 10:41 schreef McCandless het volgende:

[..]

Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/
O, die is wel door de controle gekomen?
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 10:44:48 #51
330093 McCandless
I'm supertramp
pi_115229454
quote:
1s.gif Op dinsdag 7 augustus 2012 10:43 schreef Quotidien het volgende:

[..]

O, die is wel door de controle gekomen?
Wat mij betreft wel, maar ik ben zelf ook maar een beginner. Ik verwacht dat de experts er ook weinig op tegen zullen hebben.
  dinsdag 7 augustus 2012 @ 10:46:05 #52
118011 BrainOverfloW
Fok! around the Clock!
pi_115229489
quote:
7s.gif Op dinsdag 7 augustus 2012 10:40 schreef stefanhaan het volgende:
Lynda.com heeft over het algemeen toch goeie tutorials. Zijn die over html/css zo middelmatig dan?
De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.
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
  dinsdag 7 augustus 2012 @ 10:47:31 #53
299167 stefanhaan
Bloeddorstige wasbeer
pi_115229522
quote:
0s.gif Op dinsdag 7 augustus 2012 10:46 schreef BrainOverfloW het volgende:

[..]

De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.
Ah, dan zijn de HTML tutorials wel wat minder ja. Hadden ze imo beter een combinatie van kunnen maken dan.
It was an opportunity to honour our memories and to make room for new ones
  dinsdag 7 augustus 2012 @ 10:47:43 #54
377024 Quotidien
fetchez la vache
pi_115229529
quote:
0s.gif Op dinsdag 7 augustus 2012 10:46 schreef BrainOverfloW het volgende:

[..]

De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.
Bij de (x)html cursus zit ook een mapje met css hoor. :P Het komt wel degelijk aan bod.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 10:56:30 #55
4283 nietzman
Geen zin meer.
pi_115229821
Ik wil altijd zo graag meedoen met deze discussies maar besef me altijd net op tijd dat ik zelf negen van de tien keer enorm smerig werk.
Ik ga naar huis.
  dinsdag 7 augustus 2012 @ 11:13:41 #56
118011 BrainOverfloW
Fok! around the Clock!
pi_115230392
quote:
1s.gif Op dinsdag 7 augustus 2012 10:47 schreef Quotidien het volgende:

[..]

Bij de (x)html cursus zit ook een mapje met css hoor. :P Het komt wel degelijk aan bod.
Heb ik gezien ja maar dat is een korte intro in CSS na dat je hoofdstukken lang verkeerde code aangeleerd is. Dat schiet niet echt op. Het werkt veel beter om HTML structuren en CSS stijlen tegelijk te leren omdat die niet meer los van elkaar te gebruiken zijn in moderne webdevelopment.

Die http://www.sceneone.nl/ ziet er wel aardig uit. De uitleg ziet er hier en daar wat beperkt uit maar hij leert je in ieder geval wel goede gewoontes als het netjes scheiden van je structuur en stijl, en het vorgeven van lay-outs via divs in plaats van tabellen.
Lijkt me wel een goed begin om een idee te krijgen wat de basis is van een webpagina opbouwen. Dan kun je van daaruit weer verder kijken.
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
pi_115230519
quote:
10s.gif Op dinsdag 7 augustus 2012 09:56 schreef Tijn het volgende:

[..]

:')

De koning van de archaïsche troep. De tutorials van w3schools.com stikken echt van de verkeerde informatie.
dat valt wel mee, er zitten hier en daar wel verkeerde dingen, maar zo als geheel issie echt niet zo slecht als jij hem nu doet voorkomen..
  dinsdag 7 augustus 2012 @ 11:46:53 #58
377024 Quotidien
fetchez la vache
pi_115231557
quote:
0s.gif Op dinsdag 7 augustus 2012 11:13 schreef BrainOverfloW het volgende:

[..]

Heb ik gezien ja maar dat is een korte intro in CSS na dat je hoofdstukken lang verkeerde code aangeleerd is. Dat schiet niet echt op. Het werkt veel beter om HTML structuren en CSS stijlen tegelijk te leren omdat die niet meer los van elkaar te gebruiken zijn in moderne webdevelopment.

Die http://www.sceneone.nl/ ziet er wel aardig uit. De uitleg ziet er hier en daar wat beperkt uit maar hij leert je in ieder geval wel goede gewoontes als het netjes scheiden van je structuur en stijl, en het vorgeven van lay-outs via divs in plaats van tabellen.
Lijkt me wel een goed begin om een idee te krijgen wat de basis is van een webpagina opbouwen. Dan kun je van daaruit weer verder kijken.
Ik ben nu idd bezig met sceneone.nl . :)
Ik ben nie hier voor de pingpong te schpelen
pi_115233118
In javascript wil ik een method (A) oproepen vanuit een andere method (B) binnen een class. Normaal werkt dit gewoon met this.A(), maar door gebruik van jquery is 'this' al het huidige element binnen een loop. Hoe kan ik dit probleem het beste aanpakken?

Ik probeer nu in de constructor var that = this te doen, maar 'that' kan ook niet opgeroepen binnen B. that = this bovenaan elke method is wel een oplossing, maar ik vermoed dat er nettere oplossingen bestaan die al bekend zijn.

[ Bericht 32% gewijzigd door FastFox91 op 07-08-2012 12:39:07 ]
  dinsdag 7 augustus 2012 @ 12:42:02 #60
56176 Catch22-
Ben je Blind?!
pi_115233631
heb je een brok code voor me? dan kan ik je wel vertellen wat je wil doen. Ik denk dat je probleem is dat je de scope van de methode niet beschikbaar hebt in je .each. Dat los ik op met de declaratie van var self = this; boven een loop (als ik in de loop de scope van de function nodig heb)
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?
pi_115233934
Je oplossing is duidelijk, ik had alleen gehoopt dat er nettere oplossingen waren. Variabelen die ineens wat anders 'aanwijzen' is niet echt mooi. Iig bedankt. :)
  dinsdag 7 augustus 2012 @ 13:03:36 #62
12221 Tijn
Powered by MS Paint
pi_115234543
De betekenis van "this" is nou eenmaal niet zo constant in JS. Er is niks met het bewaren van een bepaalde waarde van this als je het later nodig hebt en this inkiddels weer iets anders is geworden :P
  dinsdag 7 augustus 2012 @ 13:07:09 #63
56176 Catch22-
Ben je Blind?!
pi_115234689
quote:
2s.gif Op dinsdag 7 augustus 2012 13:03 schreef Tijn het volgende:
De betekenis van "this" is nou eenmaal niet zo constant in JS. Er is niks met het bewaren van een bepaalde waarde van this als je het later nodig hebt en this inkiddels weer iets anders is geworden :P
Dat is wel voorspelbaar hoor.
quote:
14s.gif Op dinsdag 7 augustus 2012 12:49 schreef FastFox91 het volgende:
Je oplossing is duidelijk, ik had alleen gehoopt dat er nettere oplossingen waren. Variabelen die ineens wat anders 'aanwijzen' is niet echt mooi. Iig bedankt. :)
self is geen rare naam om daarvoor te gebruiken. Als je dat niet wil, moet je geen .each gebruiken, maar een foreach of for-loop.
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?
  dinsdag 7 augustus 2012 @ 13:13:33 #64
12221 Tijn
Powered by MS Paint
pi_115234992
quote:
11s.gif Op dinsdag 7 augustus 2012 13:07 schreef Catch22- het volgende:

[..]

Dat is wel voorspelbaar hoor.
Het is wel voorspelbaar, maar in veel programmeertalen verandert de waarde van this niet zo vaak als in JS (omdat alles natuurlijk objecten zijn in JS).
pi_115235847
Sowieso is het volgens mij efficienter om gewoon eenmalig self = this; te zetten en vanaf daar met self te werken.
  dinsdag 7 augustus 2012 @ 14:07:39 #66
56176 Catch22-
Ben je Blind?!
pi_115237610
wel var self ;)
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?
pi_115242010
Hoe kun je de elementen inspecteren in safari ?
  dinsdag 7 augustus 2012 @ 15:57:45 #68
56176 Catch22-
Ben je Blind?!
pi_115242061
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?
  dinsdag 7 augustus 2012 @ 16:02:58 #69
12221 Tijn
Powered by MS Paint
pi_115242322
quote:
0s.gif Op dinsdag 7 augustus 2012 15:56 schreef Snoepje5 het volgende:
Hoe kun je de elementen inspecteren in safari ?
Appeltje + alt + i
pi_115242442
Oh, misschien handig dat ik er even bij vermeld dat ik geen apple imac of macbook heb.

In dat linkje van Catch staat wel wat over een developer menu, maar dit menu is niet aanwezig in mijn safari. Kan het zijn ik 'm niet kan gebruiken omdat ik een verkapte safari heb?
  dinsdag 7 augustus 2012 @ 16:08:34 #71
56176 Catch22-
Ben je Blind?!
pi_115242559
als ik rechtermuisklik > inspecteren doe, krijg ik gewoon de webkit inspector.
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?
  dinsdag 7 augustus 2012 @ 16:08:47 #72
12221 Tijn
Powered by MS Paint
pi_115242567
Je moet het developer-menu eerst aanzetten bij de preferences.
pi_115243048
Dankjewel, heb 'm aangezet.
  dinsdag 7 augustus 2012 @ 16:22:58 #74
12221 Tijn
Powered by MS Paint
pi_115243210
Waarom eigenlijk Safari op Windows?
pi_115243392
Om te zien hoe mijn website functioneerd in safari.

Zo wordt op de een of andere vage manier youtube video's bij safari buiten een scroll blok getoond dat een max hoogte heeft (video lijkt de max hoogte te negeren oid), terwijl bij andere browsers het er gewoon netjes in blijft zitten, erg vreemd. Css code's blijken ook hetzelfde.
  dinsdag 7 augustus 2012 @ 16:34:32 #76
50298 QM84
Het Orakel
pi_115243750
Safari op Windows loopt een beetje achter op andere browsers. Daarnaast wordt het dusdanig weinig gebruikt, dat het mijns inziens niet de moeite is om hierop te testen.

Waarschijnlijk is de huidige versie van Safari op Windows ook de laatste versie; het heeft er alle schijn van dat Apple ermee stopt:
http://tweakers.net/nieuw(...)ri-voor-windows.html
dat dus.
pi_115244005
Oh, tja ik dacht Safari op windows is hetzelfde als safari op apple pc?
Maar dat neemt niet weg dat deze bug wellicht ook op safari op apple pc's kan zitten..
pi_115244069
Op mijn iPad is er overigens geen bug. Is de Safari van iPad vergelijkbaar met die van de pc?
  dinsdag 7 augustus 2012 @ 16:53:10 #79
12221 Tijn
Powered by MS Paint
pi_115244610
quote:
0s.gif Op dinsdag 7 augustus 2012 16:41 schreef Snoepje5 het volgende:
Op mijn iPad is er overigens geen bug. Is de Safari van iPad vergelijkbaar met die van de pc?
Niet helemaal. Het is wel WebKit, net als Safari voor de PC. Maar ik denk eerlijk gezegd dat Safari op de iPad meer lijkt op Safari voor Mac OS X dan op Safari voor Windows.
  dinsdag 7 augustus 2012 @ 16:59:46 #80
56176 Catch22-
Ben je Blind?!
pi_115244998
je zit wel met een aantal andere 'issues'. O.a. dat je achtergrondafbeelding niet te groot mag zijn
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?
  dinsdag 7 augustus 2012 @ 17:01:21 #81
377024 Quotidien
fetchez la vache
pi_115245093
quote:
7s.gif Op dinsdag 7 augustus 2012 16:34 schreef QM84 het volgende:
Safari op Windows loopt een beetje achter op andere browsers. Daarnaast wordt het dusdanig weinig gebruikt, dat het mijns inziens niet de moeite is om hierop te testen.

Mac-gebruikers browsen toch op Safari? Dan is het allesbehalve nutteloos lijkt mij
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 17:14:56 #82
12221 Tijn
Powered by MS Paint
pi_115246333
quote:
7s.gif Op dinsdag 7 augustus 2012 17:01 schreef Quotidien het volgende:

[..]

Mac-gebruikers browsen toch op Safari? Dan is het allesbehalve nutteloos lijkt mij
Het punt is dat Safari voor Windows niet hetzelfde is als Safari op Mac OS X. Om te beginnen is de laatste versie van Safari niet beschikbaar voor Windows.
  dinsdag 7 augustus 2012 @ 17:39:35 #83
377024 Quotidien
fetchez la vache
pi_115247647
Dan nog een vraagje. Bij deze dit soort CSS-codes vergeet ik de hele tijd die } eronder bij te zetten, maar ze doen het toch. Hoe is dit mogelijk?
1
2
3
4
5
.blabla{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #1AF085;
font-size: 90%;
background-color: #F28C33
Ik ben nie hier voor de pingpong te schpelen
pi_115247720
quote:
7s.gif Op dinsdag 7 augustus 2012 17:39 schreef Quotidien het volgende:
Dan nog een vraagje. Bij deze dit soort CSS-codes vergeet ik de hele tijd die } eronder bij te zetten, maar ze doen het toch. Hoe is dit mogelijk?
[ code verwijderd ]

Dan pakt hij de eerstvolgende }, waardoor het blok daarna niet meer werkt.
  dinsdag 7 augustus 2012 @ 17:42:12 #85
377024 Quotidien
fetchez la vache
pi_115247768
quote:
0s.gif Op dinsdag 7 augustus 2012 17:41 schreef lkb9000 het volgende:

[..]

Dan pakt hij de eerstvolgende }, waardoor het blok daarna niet meer werkt.
Leg eens uit, ik begrijp je niet helemaal.
Ik ben nie hier voor de pingpong te schpelen
pi_115247900
quote:
7s.gif Op dinsdag 7 augustus 2012 17:42 schreef Quotidien het volgende:

[..]

Leg eens uit, ik begrijp je niet helemaal.
Ergens heb je waarschijnlijk nog een blok met een '}'.

Die pakt hij dan dus.
pi_115247917
quote:
7s.gif Op dinsdag 7 augustus 2012 17:42 schreef Quotidien het volgende:

[..]

Leg eens uit, ik begrijp je niet helemaal.
1
2
3
4
5
6
.bla1 {
color:#fff;

.bla2 {
width:200px;
}

Hij opent de { voor bla1, vervolgens wordt ie pas gesloten ná bla2. Het onderdeel dat in je html bla2 is zou dan volgens mij niet 200px breed worden. Ik weet niet zeker of width:200px; dan voor bla1 gaat gelden.
pi_115247956
Sowieso nemen browsers het niet altijd zo nauw met syntax. Als je echt zeker wilt zijn van goede syntax moet je even je code door de W3C validator halen.
  dinsdag 7 augustus 2012 @ 17:46:57 #89
377024 Quotidien
fetchez la vache
pi_115247993
quote:
0s.gif Op dinsdag 7 augustus 2012 17:45 schreef lkb9000 het volgende:

[..]
[ code verwijderd ]

Hij opent de { voor bla1, vervolgens wordt ie pas gesloten ná bla2. Het onderdeel dat in je html bla2 is zou dan volgens mij niet 200px breed worden. Ik weet niet zeker of width:200px; dan voor bla1 gaat gelden.
Oh klopt, heb het even getest. :)
Ik ben nie hier voor de pingpong te schpelen
pi_115248002
quote:
0s.gif Op dinsdag 7 augustus 2012 17:46 schreef robin007bond het volgende:
Sowieso nemen browsers het niet altijd zo nauw met syntax. Als je echt zeker wilt zijn van goede syntax moet je even je code door de W3C validator halen.
Inderdaad, volgens mij heeft bijv. Chrome ook wel door dat omdat er een nieuwe class wordt aangeroepen dat die daarvoor afgesloten moet worden.
  dinsdag 7 augustus 2012 @ 18:01:30 #91
12221 Tijn
Powered by MS Paint
pi_115248620
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.

1
2
3
4
5
.foo
{
  width: 200px;
  color: #fff;
}


[ Bericht 0% gewijzigd door Tijn op 07-08-2012 21:52:30 ]
  dinsdag 7 augustus 2012 @ 18:02:18 #92
230788 n8n
Pragmatisch
pi_115248653
quote:
2s.gif Op dinsdag 7 augustus 2012 18:01 schreef Tijn het volgende:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]

als je klaar bent gooi je het toch door een compressor die alle overbodige spaties en enters verwijderd
Specialization is for insects”.—Robert Heinlein
  dinsdag 7 augustus 2012 @ 18:02:52 #93
377024 Quotidien
fetchez la vache
pi_115248671
quote:
2s.gif Op dinsdag 7 augustus 2012 18:01 schreef Tijn het volgende:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]

:+
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 7 augustus 2012 @ 18:03:12 #94
12221 Tijn
Powered by MS Paint
pi_115248685
quote:
7s.gif Op dinsdag 7 augustus 2012 18:02 schreef Quotidien het volgende:

[..]

:+
Het is geen grapje, hoor.
  dinsdag 7 augustus 2012 @ 18:04:12 #95
230788 n8n
Pragmatisch
pi_115248727
een goede editor zet alvast een } neer zodra je de { typt :@
Specialization is for insects”.—Robert Heinlein
  dinsdag 7 augustus 2012 @ 18:05:25 #96
12221 Tijn
Powered by MS Paint
pi_115248771
quote:
7s.gif Op dinsdag 7 augustus 2012 18:04 schreef n8n het volgende:
een goede editor zet alvast een } neer zodra je de { typt :@
Ja, dat sowieso.
pi_115248973
quote:
7s.gif Op dinsdag 7 augustus 2012 18:04 schreef n8n het volgende:
een goede editor zet alvast een } neer zodra je de { typt :@
een goeie developer heeft geen editor nodig die accolades en haakjes automatisch neerzet O~)
pi_115248983
quote:
2s.gif Op dinsdag 7 augustus 2012 18:01 schreef Tijn het volgende:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]

Je vergeet alleen de ; :P

Ik gebruik sindskort trouwens NetBeans IDE als editor, ben er erg over te spreken :Y
  dinsdag 7 augustus 2012 @ 18:10:43 #99
230788 n8n
Pragmatisch
pi_115249005
quote:
1s.gif Op dinsdag 7 augustus 2012 18:10 schreef mschol het volgende:

[..]

een goeie developer heeft geen editor nodig die accolades en haakjes automatisch neerzet O~)
klopt ik ben slecht in mijn vak omdat ik van efficiëntie en gebruiksgemak houdt
Specialization is for insects”.—Robert Heinlein
pi_115249233
quote:
0s.gif Op dinsdag 7 augustus 2012 18:10 schreef lkb9000 het volgende:

[..]

Je vergeet alleen de ; :P

Ik gebruik sindskort trouwens NetBeans IDE als editor, ben er erg over te spreken :Y
Ik gebruik NetBeans voor Java.

Voor HTML/CSS/Javascript gebruik ik meestal Sublime Text of Notepad++ :P
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')