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. 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 (
), 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/
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 (
), 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/
When all else fails, you always have delusion.
ik gebruik eigenlijk nooit EM's of procenten. Werkt vaak niet optimaal icm paddings e.d.
Las laatst wel iets over REM's, dat is wel handiger. Een EM is namelijk afhankelijk van de fontsize van het huidige element en niet van de base fontsize.
Las laatst wel iets over REM's, dat is wel handiger. Een EM is namelijk afhankelijk van de fontsize van het huidige element en niet van de base fontsize.
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?
Hai.
Op http://filmdepartment.nl/v2/ staat bovenaan dus een slider, netzoals bij het origineel: http://templatesden.com/TF/WPCMS/apogee/. Standaard kan je daar in scrollen met de muis, dan schuiven de 3 slides door. Dat heb ik uitgezet door de 1 bij factor en scroll op 0 te zetten :
Als ik dat uitzet en dan ga scrollen terwijl de muis over dat gedeelte hangt, dan wordt de schaduw in de eerste slide steeds dikker. Het gebeurt in Opera, Chrome en IE, niet in Firefox. Firefox negeert dat stukje en scrollt gewoon de hele pagina.
Hetzelfde gebeurt in een schone install op m'n localhost. Op het moment dat ik de 1tjes naar 0tjes verander, wordt de schaduw bij de eerste slide dikker en dikker hoe meer je het scrollwieltje draait.
Waar kan dat aan liggen? Wordt die slide telkens boven op een andere gekopieerd? Zit die hele scroll misschien zo in elkaar:
[1] [2] [3]
Na 1x scrollen wordt het zo:
[2] [3] [1]
En dan zit misschien [1] [2] [3] er nog steeds onder, maar die wordt dan tegelijkertijd verwijderd, om zo de illusie te wekken dat het een scroll is? Zo ja, dan worden ze dus niet verwijderd na een scrollevent.
of lul ik nu slap?
Want dan zou er ook een schaduw op de andere 2 zitten.
Op http://filmdepartment.nl/v2/ staat bovenaan dus een slider, netzoals bij het origineel: http://templatesden.com/TF/WPCMS/apogee/. Standaard kan je daar in scrollen met de muis, dan schuiven de 3 slides door. Dat heb ik uitgezet door de 1 bij factor en scroll op 0 te zetten :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?php var aux = { // navigates left / right navigate : function( dir, $el, $wrapper, opts, cache ) { var scroll = opts.scroll, factor = 1, idxClicked = 0; if( cache.expanded ) { scroll = 1; // scroll is always 1 in full mode factor = 3; // the width of the expanded item will be 3 times bigger than 1 collapsed item idxClicked = cache.idxClicked; // the index of the clicked item } ?> |
Als ik dat uitzet en dan ga scrollen terwijl de muis over dat gedeelte hangt, dan wordt de schaduw in de eerste slide steeds dikker. Het gebeurt in Opera, Chrome en IE, niet in Firefox. Firefox negeert dat stukje en scrollt gewoon de hele pagina.
Hetzelfde gebeurt in een schone install op m'n localhost. Op het moment dat ik de 1tjes naar 0tjes verander, wordt de schaduw bij de eerste slide dikker en dikker hoe meer je het scrollwieltje draait.
Waar kan dat aan liggen? Wordt die slide telkens boven op een andere gekopieerd? Zit die hele scroll misschien zo in elkaar:
[1] [2] [3]
Na 1x scrollen wordt het zo:
[2] [3] [1]
En dan zit misschien [1] [2] [3] er nog steeds onder, maar die wordt dan tegelijkertijd verwijderd, om zo de illusie te wekken dat het een scroll is? Zo ja, dan worden ze dus niet verwijderd na een scrollevent.
of lul ik nu slap?
Want dan zou er ook een schaduw op de andere 2 zitten.
When all else fails, you always have delusion.
kijk eens in de code van je plugin
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?
Ze worden idd gecloned. Ik zag in Chrome's element inspecttool dat er meer divs bij zijn gekomen. Ik zie regeltjes die over clonen gaan in de .js, die zet ik nu op 0.
Had even met de replacefunctie alle 1tjes naar 0tjes veranderd in het hele document, en dan gaat het uit ja. Dus maar even kijken welke van de 17 uit moeten
Had even met de replacefunctie alle 1tjes naar 0tjes veranderd in het hele document, en dan gaat het uit ja. Dus maar even kijken welke van de 17 uit moeten
When all else fails, you always have delusion.
Lees de code en kijk wat wat doet, check eventuele documentatie.
je kan niet maar overal 1tjes in nulletjes gaan veranderen, dat is niet echt best practice.
je kan niet maar overal 1tjes in nulletjes gaan veranderen, dat is niet echt best practice.
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 doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg 
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
[ Bericht 48% gewijzigd door Mirel op 11-04-2012 12:42:08 ]
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
[ Bericht 48% gewijzigd door Mirel op 11-04-2012 12:42:08 ]
When all else fails, you always have delusion.
http://www.quora.com/What(...)CSS-Javascript-gamesquote:Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
En nee, dat is niet 'voor beginners'. ImpactJS is een redelijk bekende, maar voor iemand die net met JS aan de gang is raad ik af gelijk een game te gaan maken.
[ Bericht 6% gewijzigd door #ANONIEM op 11-04-2012 12:47:40 ]
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.quote:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.quote:
[..]
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.quote:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
It was an opportunity to honour our memories and to make room for new ones
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaanquote:Op woensdag 11 april 2012 12:59 schreef stefanhaan het volgende:
[..]
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.
[..]
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.
leraren leven altijd minimaal 6 jaar in het verleden he
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?
HTML5 word juist de vervanging van flash. Flash is oud en word steeds meer ouderwets. Als je al kijkt naar wat er kan met HTML5 is het wel overduidelijk dat dit flash gaat vervangen.quote:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
It was an opportunity to honour our memories and to make room for new ones
Kijk hier bijvoorbeeld maar.quote:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
http://html5games.com/
It was an opportunity to honour our memories and to make room for new ones
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.quote:Op woensdag 11 april 2012 13:04 schreef Catch22- het volgende:
leraren leven altijd minimaal 6 jaar in het verleden he
Ik weet wat er kanquote:
[..]
Kijk hier bijvoorbeeld maar.
http://html5games.com/
Ik vind het alleen niet boeiend genoeg om er een heel onderzoek naar te verrichten 
Flash moet idd dood, maar als je als n00b een simpel spelletje wilt bouwen is het wel de makkelijkste optie. Quick&dirty is niet altijd evil.
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.quote:
[..]
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen. 
Juist hij moet concluderen dat flash dood is. 
Juist hij moet concluderen dat flash dood is.
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
Beste nieuwsbericht ooit op de FOK!frontpage!
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.quote:
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen.
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?quote:
[..]
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.
quote:Op woensdag 11 april 2012 13:16 schreef Scorpie het volgende:
[..]
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.
Ik word gewoon verkeerd opgeleid.
Nee apps voor android worden in native java gemaakt als ik me niet vergis.quote:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
[..]
It was an opportunity to honour our memories and to make room for new ones
Nee, Java over het algemeen.quote:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
Dat had ik allang door...quote:
