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/
Nope, ken het niet eens
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?
Op 
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen 
Nee.
kan je niet gewoon met opacity klooien?quote:Op maandag 10 december 2012 16:17 schreef n8n het volgende:
display icm transition is zo'n pain in the ass
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?
Vooralsnog heb ik hier hetzelfde, straks komt Jessica Hisch spreken en morgen nog een paar grote namen (waaronder Jeffrey Zeldman). En inderdaad, vooral omdat ik de enige front-ender ben in ons bedrijf is het tof om eens met wat mensen te socialisen die me tenminste begrijpenquote:Op maandag 10 december 2012 18:16 schreef PimD het volgende:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen
.
Ik heb dat vaak bij zulke conferences.quote:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Zulke conferenties zijn idd met een hoog 'we are all equal' sausje overgoten. Ik wil nog een keer naar een sencha conference in san Francisco, echt vet.
Heeft iemand een oplossing voor het volgende
Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.
Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?
http://jsfiddle.net/7fEP9/1/
Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.
Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?
http://jsfiddle.net/7fEP9/1/
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Omdat de padding van #cookiefloat ook op 5px staat. Als je de margin van de span op 10px zet werkt het.quote:Op maandag 10 december 2012 20:43 schreef Chandler het volgende:
Heeft iemand een oplossing voor het volgende
Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.
Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?
http://jsfiddle.net/7fEP9/1/
Margin van #left kan op 0 ipv 5
Tnx man, sterkter nog ik kon met de aanpassing van padding in cookiefloat van padding: 5px naar padding: 5px 0px en alles werkt perfectos! vriendelijk bedankt!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werkenquote:Op maandag 10 december 2012 18:19 schreef Catch22- het volgende:
[..]
kan je niet gewoon met opacity klooien?
“Specialization is for insects”.—Robert Heinlein
dan doe je dat aan het eind van de animatie, al dan niet met javascript. Je bent bekend met animationend en animationstart?quote:Op dinsdag 11 december 2012 01:28 schreef n8n het volgende:
[..]
jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werken
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?
Ook al gevraagd in ander topic, maar nogmaals hier.
quote:Iemand ervaring met het maken van een plattegrond van een gebied met een pop-up functie bij het klikken op een onderdeel. In die pop-up staat dan informatie over dat stukje gebied. Het zou mij erg helpen.
Openlayers.quote:
Ook al gevraagd in ander topic, maar nogmaals hier.
[..]
Op
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
2000 light years from home
Het gebied staat helaas nog niet op Google mapsquote:
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
Moet een zelf getekende map zijn
http://openlayers.org/dev/examples/quote:
[..]
Thanks, en naar welk onderdeel moet ik dan kijken?
Zoek maar wat leuks uit
http://openlayers.org/dev/examples/getfeatureinfo-popup.html
http://openlayers.org/dev/examples/image-layer.html
Combineer wat
Ohquote:
[..]
Het gebied staat helaas nog niet op Google maps
.
2000 light years from home
heb eerlijk gezegd geen kaas gegeten van js maar heb al een fixed omweg gevondenquote:Op dinsdag 11 december 2012 09:29 schreef Catch22- het volgende:
[..]
dan doe je dat aan het eind van de animatie, al dan niet met javascript. Je bent bekend met animationend en animationstart?
“Specialization is for insects”.—Robert Heinlein
Ik probeer de onderstaand code toe te passen, maar ik snap niet hoe ik dit type array 'arrOfNums ' opbouw vanuit een loop.
Kan iemand me daar een voorbeeld van laten zien?
http://bateru.com/news/20(...)e-average-functions/
Kan iemand me daar een voorbeeld van laten zien?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | // Programmer: Larry Battle // Date: Mar 06, 2011 // Purpose: Calculate standard deviation, variance, and average among an array of numbers. var isArray = function (obj) { return Object.prototype.toString.call(obj) === "[object Array]"; }, getNumWithSetDec = function( num, numOfDec ){ var pow10s = Math.pow( 10, numOfDec || 0 ); return ( numOfDec ) ? Math.round( pow10s * num ) / pow10s : num; }, getAverageFromNumArr = function( numArr, numOfDec ){ if( !isArray( numArr ) ){ return false; } var i = numArr.length, sum = 0; while( i-- ){ sum += numArr[ i ]; } return getNumWithSetDec( (sum / numArr.length ), numOfDec ); }, getVariance = function( numArr, numOfDec ){ if( !isArray(numArr) ){ return false; } var avg = getAverageFromNumArr( numArr, numOfDec ), i = numArr.length, v = 0; while( i-- ){ v += Math.pow( (numArr[ i ] - avg), 2 ); } v /= numArr.length; return getNumWithSetDec( v, numOfDec ); }, getStandardDeviation = function( numArr, numOfDec ){ if( !isArray(numArr) ){ return false; } var stdDev = Math.sqrt( getVariance( numArr, numOfDec ) ); return getNumWithSetDec( stdDev, numOfDec ); }; var arrOfNums = [ 2,4,4,4,5,5,7,9 ], precision = 4; getAverageFromNumArr( arrOfNums, precision ); //returns 5 getVariance( arrOfNums, precision ); // returns 4 getStandardDeviation( arrOfNums, precision ); //returns 2 |
