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
De JavaScript:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length; // loop trough links on page and change onclick behaviour for( i = 0; i < linkindexlength; i++ ) { linkindex[i].onclick = jsredirect(i); } // change default link behaviour to js redirect function jsredirect(link) { window.location = linkindex[link].getAttribute('href'); return false; } |
Wat er dus gebeurd is dat er een oneindige loop van automatische redirects komt (wat niet de bedoeling is). Weet iemand waarom het niet onclick gebeurd maar laten we zeggen continue met magische krachten?
En wat gebeurd er als je van de onclick een functie maakt?quote:Op zaterdag 28 juni 2014 13:29 schreef n8n het volgende:
Hallo script magistralen, heb dus ene js met een loop die bij onclick (is de bedoeling) een functie aanroept. Het script zegt alleen fuck die onclick ik doe het gewoon bij elke link in de loop.
De JavaScript:
[ code verwijderd ]
Wat er dus gebeurd is dat er een oneindige loop van automatische redirects komt (wat niet de bedoeling is). Weet iemand waarom het niet onclick gebeurd maar laten we zeggen continue met magische krachten?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length; // loop trough links on page and change onclick behaviour for( i = 0; i < linkindexlength; i++ ) { linkindex[i].onclick = function(){ jsredirect(i); }; } // change default link behaviour to js redirect function jsredirect(link) { window.location = linkindex[link].getAttribute('href'); return false; } |
dat zegt jslint dat ik geen functie in een loop mag zetten maar het werkt welquote:Op zaterdag 28 juni 2014 13:34 schreef boem-dikkie het volgende:
[..]
En wat gebeurd er als je van de onclick een functie maakt?
onclick = function(){
redirect();
}
Met jouw code vind ik dat trouwens geen bezwaar want de (anonieme) functie doet verder niks dan de echte functie aanroepen. Beter. Thanks a bunchHet probleem is dat onclick de functie zelf moet zijn (bv onclick = jsredirect) en niet de output van de functie (zoals je krijgt bij onclick = jsredirect()).quote:
[..]
dat zegt jslint dat ik geen functie in een loop mag zetten maar het werkt wel
Ah oke, ik dacht nu (wat ik eerst had) dat het sowieso zou 'wachten' op een click, ogenschijnlijk vreemde manier om duidelijk te maken dat het niet werkt zoals bedoeldquote:Op zaterdag 28 juni 2014 13:36 schreef Tijn het volgende:
[..]
Het probleem is dat onclick de functie zelf moet zijn (bv onclick = jsredirect) en niet de output van de functie (zoals je krijgt bij onclick = jsredirect()).
Wat je eigenlijk deed was in een loop de functie jsredirect aanroepen (en daarmee dus ook direct de window.location veranderen) en vervolgens de onclick-handler op "false" zetten (want dat is de output van de functie).quote:
[..]
Ah oke, ik dacht nu (wat ik eerst had) dat het sowieso zou 'wachten' op een click, ogenschijnlijk vreemde manier om duidelijk te maken dat het niet werkt zoals bedoeld
Je wil niet dat de functie wordt uitgevoerd in de loop, je wil alleen dat bij een onclick gelijk is aan die functie. Daarom laat je de haakjes weg.
chill dankjewel, het automatisch redirecten is weg maar de functie is ook kapot. Ga er later even naar kijken, moet nu een andere klus afhandelen. Mehquote:
Deze pagina geeft meer uitleg + een werkbare oplossing trouwens: http://jslinterrors.com/dont-make-functions-within-a-loop
dan snap ik weer niet hoe de functie weet welk argument gebruikt wordt (inhoud haakjes) maar ik ga eerst je artikel lezen voordat ik verder vraag. Wel prettig weer wat leven in dit topicquote:Op zaterdag 28 juni 2014 13:40 schreef Tijn het volgende:
[..]
Wat je eigenlijk deed was in een loop de functie jsredirect aanroepen (en daarmee dus ook direct de window.location veranderen) en vervolgens de onclick-handler op "false" zetten (want dat is de output van de functie).
Je wil niet dat de functie wordt uitgevoerd in de loop, je wil alleen dat bij een onclick gelijk is aan die functie. Daarom laat je de haakjes weg.
Ja, dat is precies waar dat artikeltje over gaat.quote:Op zaterdag 28 juni 2014 13:52 schreef n8n het volgende:
[..]
dan snap ik weer niet hoe de functie weet welk argument gebruikt wordt (inhoud haakjes) maar ik ga eerst je artikel lezen voordat ik verder vraag. Wel prettig weer wat leven in dit topic
Jouw code zou er zo uit moeten zien denk ik:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | // index all links on the current page var linkindex = document.getElementsByTagName('a'), linkindexlength = linkindex.length, i; // change default link behaviour to js redirect function jsredirect(index) { "use strict"; window.location = linkindex[index].getAttribute('href'); return false; } // return handler function makeHandler(index) { "use strict"; return function () { jsredirect(index); }; } // loop trough links on page and change onclick behaviour for (i = 0; i < linkindexlength; i += 1) { linkindex[i].onclick = makeHandler(i); } |
[ Bericht 3% gewijzigd door Tijn op 28-06-2014 14:14:32 ]
Dit zou eventueel ook heel eenvoudig met jQuery kunnen.quote:
Hallo script magistralen, heb dus ene js met een loop die bij onclick (is de bedoeling) een functie aanroept. Het script zegt alleen fuck die onclick ik doe het gewoon bij elke link in de loop.
De JavaScript:
[ code verwijderd ]
Wat er dus gebeurd is dat er een oneindige loop van automatische redirects komt (wat niet de bedoeling is). Weet iemand waarom het niet onclick gebeurd maar laten we zeggen continue met magische krachten?
| 1 2 3 4 5 6 7 | <?php $('a').click(function(e) { e.preventDefault(); //jouw extra functie. window.location = $(this).attr('href'); }); ?> |
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.quote:Op zaterdag 28 juni 2014 23:29 schreef PimD het volgende:
Maar... waarom zou je het default browser gedrag afvangen en dan de window.location via Javascript zetten? :-D
Lol inderdaad de enige reden .quote:
[..]
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.
Precies dat jaquote:
[..]
Misschien een iOS home screen web app? Dan opent een normale link in Safari, terwijl een window.location change binnen de app blijft.
Je kunt het trouwens simpeler doen:quote:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var a, i; function linkHandler(link) { "use strict"; return function () { window.location = link; return false; }; } a = document.getElementsByTagName("a"); for (i = 0; i < a.length; i += 1) { a[i].onclick = linkHandler(a[i].getAttribute("href")); } |
Ook vrij eenvoudig met vanilla JS zoals bovenstaande post laat zien.quote:
[..]
Dit zou eventueel ook heel eenvoudig met jQuery kunnen.
[ code verwijderd ]
Ik wil nu dat als je een selectie maakt van twee dingen en het staat niet in de lijst dat deze hele lijst en div weg wordt gehaald en dat de rest doorschuift, is dat mogelijk? Zie voorbeeld.
Begin
Na selectie blijkt er geen overeenkomst te zijn in div1b, div2a en div2b, deze moeten weg.
Dit gebeurd er op dit moment:
En ik wil dit voor elkaar krijgen:
Alvast bedankt
Wil je de rijen perse in hun eigen div hebben? Als je alle 9 sub-divs in één div zet zouden ze netjes op moeten schuiven als je er een paar divs tussen uit haalt.quote:
Ik zit even om te prutsen met een website en ik heb met jquery een sorteer functie gemaakt voor een aantal div's met lijsten er in.
Ik wil nu dat als je een selectie maakt van twee dingen en het staat niet in de lijst dat deze hele lijst en div weg wordt gehaald en dat de rest doorschuift, is dat mogelijk? Zie voorbeeld.
Begin
[ afbeelding ]
Na selectie blijkt er geen overeenkomst te zijn in div1b, div2a en div2b, deze moeten weg.
[ afbeelding ]
Dit gebeurd er op dit moment:
[ afbeelding ]
En ik wil dit voor elkaar krijgen:
[ afbeelding ]
Alvast bedankt
Anders moet je denk ik kijken naar een oplossing die na het verwijderen, uit de overgebleven div's, nieuwe rijen opbouwt.
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.quote:
[..]
Wil je de rijen perse in hun eigen div hebben? Als je alle 9 sub-divs in één div zet zouden ze netjes op moeten schuiven als je er een paar divs tussen uit haalt.
Anders moet je denk ik kijken naar een oplossing die na het verwijderen, uit de overgebleven div's, nieuwe rijen opbouwt.
heb nu dit (JS):quote:
[..]
Je kunt het trouwens simpeler doen:
[ code verwijderd ]
Sweetquote:// redirect
// add jsredirect onclick function to all links on page
function approuter() { 'use strict';
for (i = 0; i < linkindexlength; i++) {
linkindex[i].onclick = jsredirect(linkindex[i]);
}
}
// add javascript redirect to all links on page, opens external links in new window
function jsredirect(link) { 'use strict';
var href = link.getAttribute('href'),
rel = link.getAttribute('rel');
return function () {
if (rel === 'external' || rel === 'test') {
window.open = href; dev.console('external link' + href);
} else {
window.location = href; dev.console('internal link' + href);
}
return false;
};
}
heb een rel="external" toegevoegd aan externe links en dit werkt, de links worden alleen niet geopend met window.open, zelfs niet als ik pop-ups niet blokkeer. dev.console logt ze wel (is een console.log() maar dan alleen als dev.mode op true staat).is toch dé manier om dit probleem op te lossen.quote:
[..]
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.
Kun je een snel voorbeeld van je code maken in JSfiddle?quote:
[..]
Nouja ik maak op dit moment gebruik van bootstrap die de rijen in divs opbouwt. Als ik de rij-divs weghaalt wordt het een grote chaos.
Zal ik zo doen!quote:
[..]
Kun je een snel voorbeeld van je code maken in JSfiddle?
Op de een of andere manier lukt het me nu niet om het in JSfiddle voor elkaar te krijgen, zal er vanavond nog even naar kijken.quote:
[..]
Kun je een snel voorbeeld van je code maken in JSfiddle?
Wellicht, maar als ik de row divs weghaal ziet het er zo uit.quote:
[..]
is toch dé manier om dit probleem op te lossen.
En zonder zo:
Even quick & dirty maar bedoel je dit?quote:
[..]
Op de een of andere manier lukt het me nu niet om het in JSfiddle voor elkaar te krijgen, zal er vanavond nog even naar kijken.
[..]
Wellicht, maar als ik de row divs weghaal ziet het er zo uit.
[ afbeelding ]
En zonder zo:
[ afbeelding ]
http://jsfiddle.net/48gk3/1/
Nee het idee van hem is dat er rijen om de drie divs heen staan zodat deze netjes onder elkaar blijven staan omdat de container waarschijnlijk de height van de hoogste div pakt. Zo krijg je netjes rijen onder elkaar ook al verschillen de hoogtes.quote:Op maandag 30 juni 2014 22:07 schreef TwenteFC het volgende:
[..]
Even quick & dirty maar bedoel je dit?
http://jsfiddle.net/48gk3/1/
Wat je kunt doen is gewoon left floaten en de rijen weghalen. De divs kun je even hoog maken door met JS de hoogste div te zoeken en de rest die hoogte mee te geven. Dan zou het in theorie goed moeten gaan.
De heights worden dan misschien niet hetzelfde, maar ongeacht de hoogte heb je nu wel rijen van 3.quote:
[..]
Nee het idee van hem is dat er rijen om de drie divs heen staan zodat deze netjes onder elkaar blijven staan omdat de container waarschijnlijk de height van de hoogste div pakt. Zo krijg je netjes rijen onder elkaar ook al verschillen de hoogtes.
Wat je kunt doen is gewoon left floaten en de rijen weghalen. De divs kun je even hoog maken door met JS de hoogste div te zoeken en de rest die hoogte mee te geven. Dan zou het in theorie goed moeten gaan.
Maar volgens mij begrijp ik het verkeerd?
http://jsfiddle.net/48gk3/2/
Oh dit lijkt te werken, mijn JSFiddle was niet breed genoeg en daardoor stonden alle divs onder elkaar. Keek verkeerd.quote:
[..]
De heights worden dan misschien niet hetzelfde, maar ongeacht de hoogte heb je nu wel rijen van 3.
Maar volgens mij begrijp ik het verkeerd?
http://jsfiddle.net/48gk3/2/
Ja, voorbeeld is dirty. Maar meer dan alles in 1 rij gooien en een clear: both op elk 3e child gooien is het niet.quote:
[..]
Oh dit lijkt te werken, mijn JSFiddle was niet breed genoeg en daardoor stonden alle divs onder elkaar. Keek verkeerd.
De remove functie had hij zelf al geschreven had ik begrepen.
Voorbeeld even wat breder getrokken, zodat het idee duidelijk is;
http://jsfiddle.net/48gk3/4/
Nogmaals bedankt
Dit was de situatie zoals die was zonder jouw code.
http://jsfiddle.net/48gk3/6/
Is het probleem in jouw code trouwens niet dat als je de maximale hoogte van een rij geeft elke rij zo hoog wordt ook als er een rij is met maar een entry hoog? Ga er morgen mee verder.
| 1 2 3 4 | * { color: #1a1a1a; font-size: 12px; } |
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
wat gebeurd er al je het vervangt door htmlquote:Op woensdag 2 juli 2014 08:55 schreef mstx het volgende:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Waarom niet (ook) een compleet nieuwe site adviseren, verdien je er ook nog wat aan.quote:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Verder: sterkte.
Ja, overtuigen van een nieuwe site.quote:
Godver, heb ik weer dat ik één of andere prehistorische site moet aanpassen. Heeft er dus een klootviool dit bovenaan de css gezet:
[ code verwijderd ]
Als je dan ergens een andere tekstkleur definieert is de tekst van alle children alsnog #1a1a1a.
Ik durf het ook niet weg te halen want dan gaat er geheid van alles fout. Van de hele html/css/php van die site krijg je sowieso instant oogkanker, er staat zelfs een <marquee> in en in de css stikt het van de "!important"s.
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.quote:
[..]
Waarom niet (ook) een compleet nieuwe site adviseren, verdien je er ook nog wat aan.
Ik heb alleen een keer een project gehad dat eerst in India is uitbesteed, daarna in Roemenië en vervolgens zaten er nog 2 freelancers aan. Er zaten delen van 2 versies bootstrap in, de html bestond uit 500 nested div's en de database een bende waar we ook niet bij mochten, ondertussen alles in een virtualbox wat alles 3 keer zo traag maakte (elke wijziging vagrant nogwat) en opnieuw de front-end maken was geen budget voor
Vervolgens drie maanden later het herbouwde project opnieuw gebouwd met nieuwe vormgeving. Wispelturige klant
Ik ga nooit in iemand anders code werken. Tenzij het van voorganger is, maar zelfs dan ga ik er eerst met de stofkam door.
Heb een r&d project gedaan met native mobiele apps via cordova en http://ionicframework.com . Daar zijn een paar klanten enthousiast over en daar ga ik dus meer mee doen. Wel erg tof imo
en angularjs is echt pure win.Klinkt als de website waar ik ook bij ben weggelopen. Serieus precies hetzelfde. Ik was de 2e freelancerquote:
Nog mooie anekdotes over dingen die je in je schoot geworden krijgt waar je acuut je ogen van uit wilt krabben?
Ik heb alleen een keer een project gehad dat eerst in India is uitbesteed, daarna in Roemenië en vervolgens zaten er nog 2 freelancers aan. Er zaten delen van 2 versies bootstrap in, de html bestond uit 500 nested div's en de database een bende waar we ook niet bij mochten, ondertussen alles in een virtualbox wat alles 3 keer zo traag maakte (elke wijziging vagrant nogwat) en opnieuw de front-end maken was geen budget voor
In Amsterdam toevallig? Een site over boeken?Virtualbox vagrant combinatiequote:
Nog mooie anekdotes over dingen die je in je schoot geworden krijgt waar je acuut je ogen van uit wilt krabben?
Ik heb alleen een keer een project gehad dat eerst in India is uitbesteed, daarna in Roemenië en vervolgens zaten er nog 2 freelancers aan. Er zaten delen van 2 versies bootstrap in, de html bestond uit 500 nested div's en de database een bende waar we ook niet bij mochten, ondertussen alles in een virtualbox wat alles 3 keer zo traag maakte (elke wijziging vagrant nogwat) en opnieuw de front-end maken was geen budget voor
Ik heb het een tijdje gebruikt. Eerst was het zo traag als dikke stront door trechter met de gewone NFS koppeling (ik hoefde echter geen vagrant provision constant te gebruiken). Het duurde werkelijk 2 minuten voor een gewone webpagina te laden met het Symfony2 framework. Want hij zet bij elke wijziging alle bestanden weer over naar de virtuele omgeving.
Na een hoop gekloot eindelijk de SMB koppeling werkend gekregen en dat ging toen wel weer een stuk beter.
Vervolgens moest virtualbox een keer geüpdate worden, breek alles en doet niks het meer.
Vorige week bij de DPC een sessie bijgewoond over Docker, zag er erg interessant uit. Maar ik moet het nog uitproberen.
Zo'n type.quote:
[..]
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.
Maar kan je je problemen ook niet aangeven bij hogerop? Je kan toch aan hun een advies geven?
De database vond het helaas minder duidelijk...
Wat de fack.quote:
Een mooie ‘feature’ vond ik in een project waarin de vorige programmeur 32 december als markering ‘einde jaar’ had gebruikt.
De database vond het helaas minder duidelijk...
Thx voor de tip, ga er eens naar kijken.quote:
Heb een r&d project gedaan met native mobiele apps via cordova en http://ionicframework.com . Daar zijn een paar klanten enthousiast over en daar ga ik dus meer mee doen. Wel erg tof imo
Hogerop? De baas dus?quote:
[..]
Zo'n type.
Maar kan je je problemen ook niet aangeven bij hogerop? Je kan toch aan hun een advies geven?
het bedrijf bestaat maar uit 6 manBij dit soort klanten is er toch geen budget voor verbetering/vernieuwing dus ik zorg gewoon dat het goed functioneert en daarna ren ik snel weg en wil ik het project niet meer aanraken.
quote:
Een mooie ‘feature’ vond ik in een project waarin de vorige programmeur 32 december als markering ‘einde jaar’ had gebruikt.
De database vond het helaas minder duidelijk...
Ik ben nu ook met een appje in Cordova bezig, werkt wel leuk als het eenmaal draait. Alleen het installeren is echt een ramp, je moet eerst NodeJS, Git, Java JDE, ADT en ANT installeren en dan maar hopen dat je de Windows omgevingsvariabelen goed hebt ingevuld anders ben je nog langer bezig met uitzoeken waarom cordova niet wil opstarten.quote:
[..]
Thx voor de tip, ga er eens naar kijken.
Verder is de interface niet zo snel als native en de api's zijn soms toch wel beperkt... maar het is wel ideaal dat je met html/css/js snel iets moois kunt maken.
Niets mis met toetsenborden uit '95!quote:
[..]
Dat bepaal ik helaas niet. En gelukkig is het ook niet mijn project maar die van een collega (type: gebruikt nog windows XP en een toetsenbord uit 1995), waarschijnlijk krijgt hij morgen een hartaanval als hij ziet dat ik voor de nieuwe elementen css3 heb gebruikt.
quote:Op woensdag 2 juli 2014 09:30 schreef Tijn het volgende:
[..]
Klinkt als de website waar ik ook bij ben weggelopen. Serieus precies hetzelfde. Ik was de 2e freelancer
quote:
Haha, bizarquote:
En die vent was echt helemaal overtuigd dat-ie wel even bol.com zou aanpakken met z'n site Het was al een gedrocht toen ik ermee begon, ik heb een paar weken wat klusjes gefixed die belangrijk waren in zijn ogen en toen heb ik gezegd dat dit gewoon niet gaat.Hij had er natuurlijk ook al bergen geld aan uitgegeven, omdat-ie het eerst in India had laten maken, daarna in Roemenië en uiteindelijk in Nederland nog een bureau eraan had laten sleutelen. Ik denk dat voor dat geld samen hij echt een prachtige website had kunnen laten bouwen door een competent persoon, maar omdat-ie voor een dubbeltje op de eerste rang wilde zitten, heeft-ie nu eigenlijk niks.
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.quote:
[..]
Hogerop? De baas dus?
Bij dit soort klanten is er toch geen budget voor verbetering/vernieuwing dus ik zorg gewoon dat het goed functioneert en daarna ren ik snel weg en wil ik het project niet meer aanraken.
[..]
[..]
Ik ben nu ook met een appje in Cordova bezig, werkt wel leuk als het eenmaal draait. Alleen het installeren is echt een ramp, je moet eerst NodeJS, Git, Java JDE, ADT en ANT installeren en dan maar hopen dat je de Windows omgevingsvariabelen goed hebt ingevuld anders ben je nog langer bezig met uitzoeken waarom cordova niet wil opstarten.
Verder is de interface niet zo snel als native en de api's zijn soms toch wel beperkt... maar het is wel ideaal dat je met html/css/js snel iets moois kunt maken.
Klopt, vooral qua navigatie enzo. Ik gebruik nu jquery mobile, dat maakt het wel iets consistenter.quote:Op woensdag 2 juli 2014 15:07 schreef boem-dikkie het volgende:
[..]
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.
ik (stagair webdesign) werd een keer alleen oppas gestuurd om 'de voortgang' te bespreken. Kreeg een stortvloed aan mankementen die op dat punt vrijwel kansloos waren om nog aan te pakken. Hebben er een middag aan besteed om de bootstrap er gedeeltelijk uit te snijden met chirurgische precisie. De man vond html ook kinderlijk makkelijk (wat in principe ook zo is) maar vergeet even dat het begint met een catastrofe.quote:
[..]
Haha, bizar
Hij had er natuurlijk ook al bergen geld aan uitgegeven, omdat-ie het eerst in India had laten maken, daarna in Roemenië en uiteindelijk in Nederland nog een bureau eraan had laten sleutelen. Ik denk dat voor dat geld samen hij echt een prachtige website had kunnen laten bouwen door een competent persoon, maar omdat-ie voor een dubbeltje op de eerste rang wilde zitten, heeft-ie nu eigenlijk niks.
Ach ja fuck it 2 weken later was het voorbij (de stage). Hij wilde mij nog inhuren als m'n stage afgelopen was
mazzel. Wel jammer want verder maken ze mooi spul, product was ook niet verkeerd
Ja, hij riep continu te blaten dat het allemaal zo simpel was, maar ondertussen had-ie echt een draak van een website in elkaar laten zetten. Zolang je het niet serieus neemt, wordt het nooit wat.quote:
[..]
De man vond html ook kinderlijk makkelijk (wat in principe ook zo is) maar vergeet even dat het begint met een catastrofe.
Daar heb je nu ngcordova voor, als je angular gebruikt iig. Neem aan dat die redelijk geoptimaliseerd wordtquote:
[..]
Jammer aan Cordova is dat alles zo 'hacky' aanvoelt omdat je 5000 verschillende manieren hebt om dingen te doen en nergens staat wat de juiste implementatie is.
op basis van je fiddlequote:Op dinsdag 1 juli 2014 00:52 schreef tweemeter het volgende:
Ik heb het werkend gekregen in JSfiddle.
Dit was de situatie zoals die was zonder jouw code.
http://jsfiddle.net/48gk3/6/
Is het probleem in jouw code trouwens niet dat als je de maximale hoogte van een rij geeft elke rij zo hoog wordt ook als er een rij is met maar een entry hoog? Ga er morgen mee verder.
| 1 2 3 4 | .rowbod div:nth-child(3n+1) { clear: both; } |
Probleem is alleen dat alles dan weer niet doorschuift naar de andere rijenquote:
[..]
op basis van je fiddle
[ code verwijderd ]
Hoe bedoel je dit?quote:
[..]
Probleem is alleen dat alles dan weer niet doorschuift naar de andere rijen
Je wil dus niet altijd rijen van 3 hebben?`
Jawel, maar als ik die CSS toevoeg en daarna bijvoorbeeld Noord-Brabant selecteer dan schuift hij resultaten niet door, maar blijven ze op hun eigen rij staan.quote:
[..]
Hoe bedoel je dit?
Je wil dus niet altijd rijen van 3 hebben?`
Loop alleen tegen vragen aan die ik niet kan beantwoorden en hoop dat jullie daar een antwoord op weten.
1. Als je een hmtl website op het internet zet, werkt bootstrap dan nog?
(bootstrap is een soort add-on waarmee je gemakkelijk kolommen kan maken)
2. Ik wil graag op de website een soort formulier gebruiken voor contact.
De persoon vult zijn gegevens in met de vraag en deze word doorgestuurd naar een bepaald emailadres.
Waarmee kan ik dit implementeren in html? Zelf heb ik in C# dit al een keer gedaan, maar ik vroeg mij af of het ook anders kan.
Alvast bedankt
2) Een veelgebruikte taal voor webapplicaties is PHP, maar met C# kan het ook. Je zit dan wel vast aan windows-hosting, wat het misschien wat lastiger en/of duurder maakt.
Dank voor het snelle antwoordquote:
1) ja
2) Een veelgebruikte taal voor webapplicaties is PHP, maar met C# kan het ook. Je zit dan wel vast aan windows-hosting, wat het misschien wat lastiger en/of duurder maakt.
.
Ik heb die course net achter de rug.quote:
Zit prima in elkaar maar dat liedje is wel gay
Ben persoonlijk een fan van SublimeText en PHPStormquote:
Welke editor raden jullie aan voor html, css en javascript?
Same. Nu net overgestapt op Webstorm ("moest" van mijn werk, aka hadden we een licentie van over) maar werkt uiteindelijk hetzelfde. Prima editors beide.quote:
[..]
Ben persoonlijk een fan van SublimeText en PHPStorm
Toevoeging, nu ik er aan denk even Atom geüpdatet sinds de beta, op het eerste zicht veel beter: regelafstand instelbaar, source three rechts, soft wrap makkelijker instelbaar, max line length makkelijker in te stellen, packages makkelijker te managen. Hopelijk stabieler dan voorheen, zo ja gaat Sublime de deur uit
[ Bericht 30% gewijzigd door n8n op 08-07-2014 00:52:08 ]
use spaces instead of tabs 
Nog iets over expected columns. Flikker op gek die bitch is loco. Gebruik zelf Sublime.
Kwestie van instellen lijkt me?quote:
JSLint is pure aids in Atom, window is not defined
Als je niet enkel HTML/CSS doet maar ook PHP of Java is het wel erg fijn.quote:
Ugh zo'n lomp programma als NetBeans gebruiken voor HTML/CSS.
Gebruik zelf Sublime.
Bij het aanmaken van een HTML5 applicatie krijg ik echter de keus uit het selecteren van een site template of het downloaden van een template. Wie heeft er een idee wat dat is?
Dank je. Mijn laatste vraag was wat ik precies voor handelingen moet doen om bootstrap te gebruiken.quote:
Dunno, ik begin altijd met een bestaand project of Initializr
vooraf: Ik probeer niet "rude" te zijn, maar dit is mijn manier om mensen leren zelfstandig te zijn.quote:
[..]
Dank je. Mijn laatste vraag was wat ik precies voor handelingen moet doen om bootstrap te gebruiken.
dat staat heel duidelijk op de website van bootstrap
Maar kijk eens naar initializr, daar klik je zo een goede template mee inelkaar
Sorry daarvoor, maar op dit gebied ben ik echt nieuw.quote:
[..]
vooraf: Ik probeer niet "rude" te zijn, maar dit is mijn manier om mensen leren zelfstandig te zijn.
dat staat heel duidelijk op de website van bootstrap
Maar kijk eens naar initializr, daar klik je zo een goede template mee inelkaar
Ik heb mij al wat ingelezen op het gebied van twitter bootstrap.
Echter heb ik op internet gezocht en kan ik het verschil niet vinden tussen die en initializr bootstrap(ken tevens veel technische termen nog niet).
"Give a man a fish and you'll feed him for a day. Teach him how to fish and you'll feed him for life". Dit is op development vlak onwijs relevant. Ik help je graag op weg; ik ga geen dingen voorkauwen.quote:
[..]
Sorry daarvoor, maar op dit gebied ben ik echt nieuw.
Ik heb mij al wat ingelezen op het gebied van twitter bootstrap.
Echter heb ik op internet gezocht en kan ik het verschil niet vinden tussen die en initializr bootstrap(ken tevens veel technische termen nog niet).
Initializr is meer een projecttemplate generator. Maar begin eerst eens met jQuery en pak daarna eens wat bootstrap er bij.
Al die tools die er tegenwoordig zijn, zijn onwijs tof. Maar wat basale kennis is wel nodig om die goed te kunnen gebruiken. Dus ga niet dom copy-pasten, maar probeer te snappen wat je doet. Als je iets niet snapt; ga dan googlen en probeer dingen niet alleen te lezen, maar ook te begrijpen.
Dat klopt ook wel! Ik heb wel al html en css kennis samen met wat java en c# kennis. Maar bootstrap en javascript zijn voor mij compleet nieuw. Ben nu ook javascript aan het lerenquote:
Om me bij catch22 aan te sluiten: Dan ben je waarschijnlijk aan beiden nog niet aan toe.
.quote:
[..]
"Give a man a fish and you'll feed him for a day. Teach him how to fish and you'll feed him for life". Dit is op development vlak onwijs relevant. Ik help je graag op weg; ik ga geen dingen voorkauwen.
Initializr is meer een projecttemplate generator. Maar begin eerst eens met jQuery en pak daarna eens wat bootstrap er bij.
Al die tools die er tegenwoordig zijn, zijn onwijs tof. Maar wat basale kennis is wel nodig om die goed te kunnen gebruiken. Dus ga niet dom copy-pasten, maar probeer te snappen wat je doet. Als je iets niet snapt; ga dan googlen en probeer dingen niet alleen te lezen, maar ook te begrijpen.
Copy-paste leid tot dit soort problemen: http://thedailywtf.com/Articles/Code-Abuse.aspx
Aan de andere kant moet je ook gewoon af en toe je kop stoten. Dat is ons allemaal overkomen en gebeurt nog steeds wel eens.quote:
[..]
Copy-paste leid tot dit soort problemen: http://thedailywtf.com/Articles/Code-Abuse.aspx
Als ik het run krijg ik in de browser alleen de tekst te zien maar het javascript gedeelte doet niks.
In de output-browser log krijg ik de melding failed to load resource (en dan de naam van het javascript).
De naam van het javascript komt overeen met het script element in de html. Dus weet ik het niet meer.
Ik weet al wat de fout is. Ik had de javascript in het js mapje gezet. Blijkbaar moest het gewoon in de site root staan waar de html ook staat.quote:
Blijkbaar gaat er toch iets fout. Post je code eens, inclusief de bestandsnamen van de verschillende files.
Het moet gewoon daar staan waar je in het script-element aangeeft dat het staat.quote:
[..]
Ik weet al wat de fout is. Ik had de javascript in het js mapje gezet. Blijkbaar moest het gewoon in de site root staan waar de html ook staat.
Begrijp ik. Raakte alleen in de war door de mapjes die werden aangemaakt door Netbeans. Namelijk css en js. Het html bestand staat hierbuiten, en om een of andere reden dacht ik dat het javascript in js hoorde. Maar het is logisch dat die hem niet vind als je niet zegt dat die in de js map zit.quote:
[..]
Het moet gewoon daar staan waar je in het script-element aangeeft dat het staat.
Had ff ingelezen maar dat brengt weer andere zut met zich mee. Lijkt een bug te zijn in deze versie maar whatever. Vind de weergave ook irritant, bij sublime stond een bolletje bij de regel met de melding in de statusbalk, bij atom krijg ik bij een save een firebugquote:
console met alle meldingen. Jammer maar helaasedit: JSHint geprobeerd, stukken beter, beter nog dan Sublime JSLint voorheen
[ Bericht 5% gewijzigd door n8n op 08-07-2014 13:05:04 ]
| 1 | .class1>.class2 {background-color: #ccc;} |
Geef maar toe, je hebt helemaal niet gezochtquote:
Soms kom je bij CSS bestanden het volgende tegen
[ code verwijderd ]
Nu vraag ik mij af waarom ">" wordt gebruikt en wat het precies doet. Als ik naar tutorials kijk zie ik het nergens terugkomen.
http://stackoverflow.com/(...)gn-css-selector-mean
Hoe bedoel je dat precies?quote:
Een app bouwen met cordova is stap 1. In-house besloten distributie is 2. Iemand tips (iOs/Android)?
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaarquote:
Symbolhound is handig voor het zoeken op dit soort tekens.quote:
Soms kom je bij CSS bestanden het volgende tegen
[ code verwijderd ]
Nu vraag ik mij af waarom ">" wordt gebruikt en wat het precies doet. Als ik naar tutorials kijk zie ik het nergens terugkomen.
http://symbolhound.com/?q=%3E+css
2e hit is je antwoord.
thx voor die sitequote:
[..]
Symbolhound is handig voor het zoeken op dit soort tekens.
http://symbolhound.com/?q=%3E+css
2e hit is je antwoord.
Gewoon een Enterprise account nemen en klaar toch?quote:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Mja, dat mag volgens mij eigenlijk niet. En het was me niet duidelijk tot in hoeverre je devices van gebruikers moet overnemen/locken (als je snapt wat ik bedoel). Maar het lijkt nu duidelijk.quote:
[..]
Gewoon een Enterprise account nemen en klaar toch?
Mijn R&D project is uit de hand gelopen en we gaan een besloten beta doen met een aantal gebruikers bij een heule grote klant
Je javascript bestand past juist prima in je js map. Daar is die map voor. Maar zorg er dan voor dat je in je html er correct een verwijst door de map in je pad mee te nemen.quote:
[..]
Begrijp ik. Raakte alleen in de war door de mapjes die werden aangemaakt door Netbeans. Namelijk css en js. Het html bestand staat hierbuiten, en om een of andere reden dacht ik dat het javascript in js hoorde. Maar het is logisch dat die hem niet vind als je niet zegt dat die in de js map zit.
| 1 | <script src="js/script.js></script> |
Dat is een stuk netter dan jezelf nu aan te leren om alles maar bij in de map van je index.html te dumpen.
Ah, op die manier. Ik dacht aan 'besloten' als in 'overeengekomen'quote:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Enterprise account (Apple Developers Center), signen en exporteren voor Ad Hoc development.quote:
[..]
Ik wil een app binnen een bedrijf distribueren & updaten zonder dat hij in een store komt. Ben er nu wel achter hoe dat kan, maar Apple maakt het wel lastig. Helemaal omdat ze er blijkbaar wel iets voor hebben, maar dat is niet in NL beschikbaar
Zo moeilijk is het niet.
Dat is max. 100 gebruikers he? Dat is in de toekomst misschien niet genoeg.quote:
[..]
Enterprise account (Apple Developers Center), signen en exporteren voor Ad Hoc development.
Zo moeilijk is het niet.
http://www.samsung.com/us/connected-devices/
mooi gemaakt hoe verschillende images bewegen op de voor en achtergrond
Ik begrijp de verwarring, waarde Catch22-, maar dat geldt voor "test"-devices. Distributie onder werknemers is ongelimiteerd.quote:
[..]
Dat is max. 100 gebruikers he? Dat is in de toekomst misschien niet genoeg.
Bronquote:Enterprise. As few developers have experience with the Enterprise developer program, there is a lot of confusion about Enterprise distribution. You DO NOT have to register device UDID’s for general distribution within your enterprise. You may choose to use AdHoc distribution during development of your app in order to strictly control who has access to it prior to full release. If you use AdHoc distribution during development it has exactly the same restrictions as mentioned above. But when your app is ready to be widely distributed to your employees, UDIDs do not matter, and there are no restrictions about the number of users or devices – provided you adhere to the “properly authorized user” clause.
Wat ik eruit begreep: ja.quote:
Oké. Dus als ik iets voor een klant maak moet de klant officieel ook een enterprise account nemen. En als we iets publiek in de appstore willen, moeten we het 99dollar account ook nemen?
Maar weet het niet zeker.
Ik neem aan dat 99 dollar geen probleem is voor een klant die meer dan honderd mederwerkers heeft?
Nee dat is het sowieso niet, maar we willen als test zelf een app bouwen (is al bijna klaar trouwensquote:
[..]
Wat ik eruit begreep: ja.
Maar weet het niet zeker.
Ik neem aan dat 99 dollar geen probleem is voor een klant die meer dan honderd mederwerkers heeft?
Een Meteor-based API die data scraped en served via een REST-Api aan een app die is opgebouwd met ionic, best wel tof ) en die willen we als test in de Store zetten.Klinkt leukquote:
[..]
Nee dat is het sowieso niet, maar we willen als test zelf een app bouwen (is al bijna klaar trouwens
Is ook. Hoop het binnen een week of 2 te kunnen releasen. Wel pittig developen...quote:
- Een virtual machine met ubuntu waar NodeJS/RestAPI/Meteor app
- Op window netbeans met de native app + browserversie van de ionic app
- Emulator met zijn console
en alles tegelijk in de gaten houden
Alright. Hoe groot is het dev-team?quote:
[..]
Is ook. Hoop het binnen een week of 2 te kunnen releasen. Wel pittig developen...
- Een virtual machine met ubuntu waar NodeJS/RestAPI/Meteor app
- Op window netbeans met de native app + browserversie van de ionic app
- Emulator met zijn console
en alles tegelijk in de gaten houden
Wij hebben een app (Phonegapp build) in 150 schoenwinkels in Belgie draaien. Zowel Android tablets als iPads. Gaat tot nu toe nog prima. Vorige week alweer een feature request binnengekregen.
Het devteam bestaat uit ongeveer 1 persoon.quote:
[..]
Alright. Hoe groot is het dev-team?
Wij hebben een app (Phonegapp build) in 150 schoenwinkels in Belgie draaien. Zowel Android tablets als iPads. Gaat tot nu toe nog prima. Vorige week alweer een feature request binnengekregen.
quote:
[..]
Het devteam bestaat uit ongeveer 1 persoon.
Zware taak dan ja.ik ben even mijn kennis weer aan het opfrissen en alles oppikken. Ik heb de volgende code en ik vraag mij het volgende af:
Op een pagina is de volgende code verwerkt:
| 1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> <form action="demo_keygen.asp" method="get"> Username: <input type="text" name="usr_name"> Encryption: <keygen name="security"> <input type="submit"> </form> </body> </html> |
Het ziet er dan zo uit:
Stel dat ik een gebruikersnaam invul en daarna op 'verzenden' klikt, hoe zorg ik er dan voor dat ik bijvoorbeeld op de pagina die erna volgt het volgende kan laten weergeven:
''De encryptie is: ..... (encryptie)....''
Het ziet er namelijk nu zo uit:
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.quote:
Hallo,
ik ben even mijn kennis weer aan het opfrissen en alles oppikken. Ik heb de volgende code en ik vraag mij het volgende af:
Op een pagina is de volgende code verwerkt:
[ code verwijderd ]
Het ziet er dan zo uit:
[ afbeelding ]
Stel dat ik een gebruikersnaam invul en daarna op 'verzenden' klikt, hoe zorg ik er dan voor dat ik bijvoorbeeld op de pagina die erna volgt het volgende kan laten weergeven:
''De encryptie is: ..... (encryptie)....''
Het ziet er namelijk nu zo uit:
[ afbeelding ]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.quote:
[..]
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.
dit zal gewoon een asp.net bestand zijn. Gewoon te openen en te bewerken.quote:
[..]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.
I know.quote:
[..]
dit zal gewoon een asp.net bestand zijn. Gewoon te openen en te bewerken.
en get voor userdataquote:
[..]
Sowieso zou ik als ik hem was ver wegblijven van classic ASP in combinatie met VB.
Mits het geen persoonlijke formuliergegevens zijn bijvoorbeeld.quote:
Aha.. .asp is de tegenhanger van .php toch?quote:
[..]
Dat zul je dan aan moeten passen in demo_keygen,asp. Die geeft de output terug die je ziet. Als je dit voorbeeld echter direct van W3Schools pakt denk ik niet dat bij dat bestand kunt komen.
ASP is een servertaal net als bijvoorbeeld PHP, Rails en tegenwoordig ook JavaScript. Van die talen is ASP de meest verouderde dus als je zelf iets wilt gaan maken kun je je beter toeleggen op een andere server taal.quote:
[..]
Aha.. .asp is de tegenhanger van .php toch?
Servertaal van Js is JSNode toch?quote:
[..]
ASP is een servertaal net als bijvoorbeeld PHP, Rails en tegenwoordig ook JavaScript. Van die talen is ASP de meest verouderde dus als je zelf iets wilt gaan maken kun je je beter toeleggen op een andere server taal.
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.quote:
Oké thanks voor de info!quote:
[..]
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.
heel simpel gezegd jaquote:
[..]
De taal blijft nog steeds gewoon JS. Maar de JS servers heten NodeJS.
Een simpel antwoord leek hier wel op zijn plaats. Maar heb me ook nog niet genoeg in Node verdiept om er echt een diepgaand antwoord op te geven. Dus voel je vrij om aan te vullen als je zin hebtquote:
mwoah, ik heb met nodejs zoiets dat als iemand je moet uitleggen wat het is, het niets voor jou is. Je moet vrij veel basiskennis hebben om er goed mee te werken.quote:
[..]
Een simpel antwoord leek hier wel op zijn plaats. Maar heb me ook nog niet genoeg in Node verdiept om er echt een diepgaand antwoord op te geven. Dus voel je vrij om aan te vullen als je zin hebt
Hss, das dus logies. Kijk, je heb een server, en data, ja en dan moet je dat dus verwerken, das dus logish, toch? Nou en als je dat dus goed doet, heb je dus een applicatie.quote:
NodeJS is ongeveer hetzelfde als voetballen; iedereen snapt de regels maar slechts weinigen snappen het spelletje.
Op dit moment voeg ik aan eventuele XMLHttpRequests een timestamp aan de get request toe, zodat ik zeker weet dat de laatste versie van de server wordt gehaald
Dat is de makkelijkste manier.quote:
Wat is best practice om te zorgen dat een client altijd de laatste versie van een bestand ophaalt, en niet uit de cache?
Op dit moment voeg ik aan eventuele XMLHttpRequests een timestamp aan de get request toe, zodat ik zeker weet dat de laatste versie van de server wordt gehaald
Als je toegang tot de server hebt kun je het cachen ook in de HTTP headers uitschakelen.
Je kunt het versienummer trouwens ook gewoon in de filename zetten ipv met een GET-variabele toe te voegen.
Doe ik ook. Wij hebben in ons platform een key die wordt genereerd adhv de huidige build. Bij elke update wordt die automagisch aangepast.quote:
Ik zou de timestamp vervangen door een versienummer die alleen wijzigt als de inhoud van de file wijzigt. Dan voorkom je dat een client dezelfde file duizenden keren in z'n cache heeft.
Je kunt het versienummer trouwens ook gewoon in de filename zetten ipv met een GET-variabele toe te voegen.
Ja precies. Of je plakt een md5 hash van de inhoud van de file eraan, dan wijzigt het ook automatisch als de content verandert.quote:
[..]
Doe ik ook. Wij hebben in ons platform een key die wordt genereerd adhv de huidige build. Bij elke update wordt die automagisch aangepast.
quote:jQuery.ajax( [settings ] )
cache (default: true, false for dataType 'script' and 'jsonp')
Type: Boolean
If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.
is ook beter want sommige proxy servers cachen bestanden met get statementes niet (als ik Google speed mag geloven).quote:
Ik zou de timestamp vervangen door een versienummer die alleen wijzigt als de inhoud van de file wijzigt. Dan voorkom je dat een client dezelfde file duizenden keren in z'n cache heeft.
Je kunt het versienummer trouwens ook gewoon in de filename zetten ipv met een GET-variabele toe te voegen.
.quote:Op woensdag 23 juli 2014 13:12 schreef KomtTijd... het volgende:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
Een troost:
Ik probeerde een 1-pagina site te implementeren zonder extern framework (behalve JQuery) omdat ik dacht dat ik het nog wel kon overzien. Helaas een fout gebleken. Aparte pagina's zijn veel makkelijker in het onderhoud. Nu is veel wel in aparte pagina's die door middel van $('selector').load() worden geladen maar het is toch niet helemaal hetzelfde.
Plus ik moet op een goede manier de history bijhouden met pushState en dergelijke.
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeftquote:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
Ja kut is dat he. Zelfde met Foundation overigens, zit me een partij .row's en .column.large-n te nesten waar je ziek van wordt. Ben er nog steeds niet over wanneer ik gewoon moet besluiten om het gekozen framework even te negeren en gewoon zelf een paar regels css erbij te pleuren.quote:
Ik zit weer een bootstrap-template te implementeren. Nu zou ik nooit zelf zo'n gelikte layout kunnen produceren, maar echt. Ik moet kotsen van mijn eigen code
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in benquote:
[..]
ben toch benieuwd wat je doet, want ik vind t relatief clean als ik het doe. Maar ik ben dan ook niet iemand die paniekeert als een element vier classes heeft
.Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.quote:
[..]
ja rationeel maakt het ook geen zak uit, maar ik vind het gewoon lelijk. Alleen de code voor het menu is al 3x zo lang geworden terwijl ik het zelfde zou kunnen bereiken met enkel css. Alleen kost me dat een jaar omdat ik er niet goede in ben
Nouja je wilt er ook een icoontje bij ofzo. Had prima met li::after gekund natuurlijk maar nu is het <i class=" fa fa-angle-right"></i> in de HTML. Plus inderdaad 100 classnames per element. Natuurlijk maakt het allemaal geen zak uit, maar de autist in mij houdt er niet vanquote:
[..]
Als je menu drie keer zo lang is, dan doe je toch iets niet goed, lijkt me. Maar dat kan ook aan je bootstraptheme liggen. Een beetje theme zorgt ervoor dat je alleen een ul met li's hebt en dan zorgt een bepaalde class in de ul voor de gehele opmaak.
Dit geldt ook inderdaad. Het is wel lekker makkelijk allemaal zo.quote:
Ik vind onderhoudbaarheid belangrijker dan een paar kB op je css file. Daar merk je toch niets van (als het niet de spuigaten uitloopt)
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delenquote:
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijkquote:
[..]
Gebruik ik ook al een tijdje, echt ideaal. Heb er een handige mixin voor geschreven voor Less. If interested wil ik hem wel delen
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.quote:
[..]
Wij gebruiken hier SASS maar je mag hem altijd delen natuurlijk
Mixin
| 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 | @primary-color: #B63918; @iconSize: 17px; .make-icon(@var, @color: @primary-color) { &:before { .fa; padding-right:5px; color:@color; font-size:@iconSize; content:(@var); } } .reset-icon() { &:before { .fa; padding-right:0; content:' '; } } .rotate-icon() { &:before { .fa-rotate-90; } } .make-icon-after(@var, @color: @primary-color) { &:after { .fa; padding-left:5px; color:@color; font-size:@iconSize; content:(@var); } } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | a.action { .make-icon(@fa-var-adjust); &.moveUp, &.moveup { .make-icon(@fa-var-arrow-circle-o-up); } &.moveDown, &.movedown { .make-icon(@fa-var-arrow-circle-o-down); } //etc &.sub { .make-icon(@fa-var-level-up); .rotate-icon(); } } |
Ja dat heeft maar een paar kleine aanpassingen nodig voor SASS.quote:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
Ja, het is niet superhoogstaand of spannend, maar dit scheelde mij veel ergernis. Je hebt alleen dan 2 classes nodig voor een icon, maar dat levert wel nettere css op. En als je een icon + onopgemaakte class gebruikt zie je het adjust icoon, weet je gelijk dat je dat nog moet fiksenquote:
[..]
Ja dat heeft maar een paar kleine aanpassingen nodig voor SASS.
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.quote:
[..]
Maakt weinig uit, volgens mij kan je hem 1:1 kopieren. Als FontAwesome een Sass versie heeft iig.
Mixin
[ code verwijderd ]
Gebruik
[ code verwijderd ]
De keren dat ik fontawesome gebruik maak ik zelf de classes. Een .icon voor algemeen en dan een naam bij de inhoud waar het icoon nodig is.
Dus .icon:before {
content: "";
…
}
.user:before {
content: "\xxxx";
}
Als ik dan nog zin heb maak ik nog een subset van het font. Vind overbodige bits maar vies. Keer een html uglyfier maken met php en daar ook de css mee laten parsen
[ Bericht 27% gewijzigd door n8n op 24-07-2014 11:32:01 ]
Niet per sé voor 16px meer in v3:quote:
[..]
waarom (als je toch px gebruikt) niet 16px voor de icons. Volgens mij zijn ze op 16px 'getekend' dus ook scherper.
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
Klik maar op een icoon, dan zie je ook de grotere versies.
groter kon altijd al, punt was dat de iconen oorspronkelijk gemaakt zijn op 16 bij 16 pixels, ze zien er derhalve het scherpst uit op 16 bij 16 pixels of een vermenigvuldiging daarvan al zal het vanaf 32px steeds minder opvallen.quote:
[..]
Niet per sé voor 16px meer in v3:
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
Klik maar op een icoon, dan zie je ook de grotere versies.
Early stage projectje naar aanleiding van de nieuwe OS X en het hele retina versus schalen verhaal. Een OS zou prima responsive/schaalbaar moeten kunnen. Je kan de grootte aanpassen door de get value in de url aan te passen.
(over een venster met je muis laat 'm verdwijnen, komt na 2 tellen terug, is om de animatie te testen)
quote:Microsoft To Drop Support For Older Versions of Internet Explorer
After January 12, 2016, only the most recent version of Internet Explorer available for a supported operating system will receive technical support and security updates. For example, customers using Internet Explorer 8, 9, or 10 on Windows 7 SP1 should migrate to Internet Explorer 11 to continue receiving security updates and technical support.
From the blog post: "Microsoft recommends enabling automatic updates to ensure an up-to-date computing experience—including the latest version of Internet Explorer—and most consumers use automatic updates today. Commercial customers are encouraged to test and accept updates quickly, especially security updates.
Regular updates provide significant benefits, such as decreased security risk and increased reliability, and Windows Update can automatically install updates for Internet Explorer and Windows."
Had 6 maanden terug nog een klant van een klant waarbij Bootstrap in een enkel geval crashte op IE7quote:
IE7 en lager kan me sowieso de pijp blazen. In IE8 zorg ik dat het werkt, meer niet.
(halve middag debuggen).Zou mooi zijn als IE11 het minimum wordt.
quote:
Pixelperfect doe ik sowieso niet aan. Is namelijk een utopie en niet van toepassing op applicaties
het nieuwe IE6quote:
SPOILER
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
!Begin eens met Chrome te werken.quote:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.quote:
Hoi een vraagje ik zit het boek " PHP, MySQL, JavaScript & HTML5 All-in-One For Dummies" te lezen hehe. En daarin volg een tutorial hoe je wat javascript validatie kan schrijven voor een form. Alleen wanneer ik een regel leeg laat, dan hoort hij een error te laten zien zoals op deze afbeelding weergegeven:
[ afbeelding ]
De afbeelding komt trouwens van het pdf.
Het probleem is wanneer ik een lege form verstuur dat ik die errors niet krijg. Hier is mijn code:
form.php link:
http://pastebin.com/j3v8AWVB
form.js link:
http://pastebin.com/2YCbPDqH
Naar mijn mening ziet de code er goed uit. En ik weet echt niet waar het aan ligt. Kan iemand me misschien helpen? Alvast bedankt voor uw antwoord
Als je chrome gebuikt kun je in de DevTools snel zien dat dit fout gaat.
[ Bericht 6% gewijzigd door BrainOverfloW op 14-08-2014 15:53:51 ]
Zo leren we allemaal van onze foutenquote:
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met htmlquote:
[..]
Je gebruikt verkeerde quotes. Je hebt aparte open en sluiten ” in plaats van ". Zowel bij de single als de double quotes. Browsers lezen alleen de " goed.
Als je chrome gebuikt kun je in de DevTools snel zien dat dit fout gaat.
[ afbeelding ]
Gister nog een hoop gedoe dat klant niet kon inloggen op het CMS, blijkt dat te komen door IE8, het is echter een grote financieele instelling, en die zijn jaren bezig geweest met een upgrade naar IE8, kortom upgrade naar windows 7 duurt nog minimaal 6 jaar.quote:
true that.quote:
Dat is een smaakkwestie (single of double), als je het maar consequent doet.
Heb trouwens (tatatada) m'n eerste zelfstandige js gemaakt. Wel vervelend dat als je begonnen bent je meer leert en zo hele stukken opnieuw aan het doen bent.
Heb alleen geen requestanimationframe weten te implementeren (al werkt het op 60fps op m'n 2011 laptop).
http://www.n8n.nl/lab/fok/presentation/action.js (ff een link, zit mobiel, pardon).
Vragen/Opmerkingen?
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
nice! Had echt een shitstorm verwachtquote:
Ziet er wel netjes uit zo
Mijn eerste app draait nu live. Meteor (Node-based dus) api en een Android en iOs Cordova-powered app (die in de appstores staan)
app store al doorgekomen? Staat (nog) niet in de eerste 10 resultaten
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.quote:
[..]
single dumb quotes ook: '. Gebruik ik zelf altijd bij php/js. Vind het makkelijker lezen en het combineert makkelijker met html
komt nog uit de tijd van de typemachine, toen waren dubbele functies voor toetsen lastig/onmogelijk en combineerden ze “ en ” naar ". Nu weet niemand beter en gebruikt men in teksten nog steeds de ‘domme’ quotes terwijl " en ' eigenlijk voor tijdsnotering en afmetingen zijnquote:
[..]
Klopt. Ik doelde ook op dat type quotes, wist alleen niet dat ze zo heten. Gebruik zelf ook het liefst de single quotes.
[ Bericht 30% gewijzigd door BroodjeKebab op 16-08-2014 15:50:27 ]
Je class niet laten beginnen met (een) cijfer(s).quote:
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
Die 9292 blijft daar vast op die positie, wat ik ook doe... wat moet ik doen? Hij reageert gewoon op niks..
| 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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | /* Hover Shadow */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before { opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } |
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.quote:
Ik heb een code gevonden (hover/mouse over CSS) en ik zou graag deze willen toepassen op de IMG (images) die ik op mijn website heb. Wat moet ik erbij zetten om het werkend te krijgen?
[ code verwijderd ]
mijn advies?
| 1 2 3 4 | img:hover { border:4px solid #00ff00; /* TEST */ } |
:-) vanuit daar uitbouwen naar wat je wilt hebben
Top dankje! Ik had nog één vraag:quote:
[..]
Dat zou ik niet doen ;-) een hele jaap CSS je code in jagen terwijl je niet weet wat het doet.
mijn advies?
[ code verwijderd ]
:-) vanuit daar uitbouwen naar wat je wilt hebben
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
quote:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
| 1 | <body style="background-image:hout.jpg; background-repeat:no-repeat;"> |
Al zou ik de styling persoonlijk niet inline doen ;-)
je kan het beter in een losse stylesheet kieperen om je code maintable te houden
quote:
[..]
Top dankje! Ik had nog één vraag:
Ik heb de volgende background:
http://www.hadewallpapers(...)ckground-image-css-3
Maar zoals je ziet herhaalt hij zich:
[ afbeelding ]
Hoe kan ik zorgen dat die zich niet herhaalt, maar dan ook wel fullscreen is?
[ afbeelding ]
Wat is dit voor prut
| 1 2 3 4 5 6 7 | body { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } |
quote:
[..]
[ code verwijderd ]
Al zou ik de styling persoonlijk niet inline doen ;-)
je kan het beter in een losse stylesheet kieperen om je code maintable te houden
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.quote:
[..]
[ afbeelding ]
Wat is dit voor prut
[ code verwijderd ]
Ehm.. weten jullie ook hoe ik een tekst kan weergeven als ik 'hover' over een hyperlink?
Dus als ik 'hover' over een foto van een broodje kebab dat er een tekstvak verschijnt met de tekst 'dit is een broodje kebab'
http://codepen.io/cbracco/pen/qzukgquote:
[..]
[..]
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
Ehm.. weten jullie ook hoe ik een tekst kan weergeven als ik 'hover' over een hyperlink?
Dus als ik 'hover' over een foto van een broodje kebab dat er een tekstvak verschijnt met de tekst 'dit is een broodje kebab'
[ Bericht 99% gewijzigd door BroodjeKebab op 16-08-2014 19:47:46 ]
[ Bericht 100% gewijzigd door BroodjeKebab op 16-08-2014 19:54:07 ]
[ Bericht 100% gewijzigd door BroodjeKebab op 16-08-2014 19:50:16 ]
quote:
[..]
http://codepen.io/cbracco/pen/qzukg
| 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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } |
Hoe krijg ik de tooltip boven het element (telegraaf icoon?)
Wat heb je zelf al geprobeerd?quote:
[..]
[ code verwijderd ]
[ afbeelding ]
Hoe krijg ik de tooltip boven het element (telegraaf icoon?)
Niet veel, omdat ik het niet begrijp, waarom.. Heb wel de voorgaande fouten kunnen ontdekken, vandaar ook dat ik 3 voorgaande posts heb met een x of een leeg bericht.quote:
Op Ik heb :quote:
| 1 2 | margin-bottom: 5px; margin-left: -80px; |
weggehaald, maar dan gaat de tooltip weer een stuk naar rechts, maar het moet boven iets element staan..
Je moet je <a href> wel afsluitenquote:
Daarnaast zit er op de tekst 'routeplanner/verkeer/weer' een hyperlink verborgen... Dat terwijl ik geen hyperlink gezet heb.
[ afbeelding ]
[ afbeelding ]
[ afbeelding ]
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:
[..]
Je moet je <a href> wel afsluiten
TOPPIE!!.. Klein dingetje vergeten.. de / ,maar het maakt een wezenlijk verschil. En die tooltip ?quote:
[..]
Je moet je <a href> wel afsluiten
quote:
[..]
Afsluiten heeft niet geholpen..
[ afbeelding ]
| 1 | <a href="#"><img src="" /></a> |
gelukt thnx. Die tooltip?quote:
Ik ben je hondje niet. Probeer zelf eens iets, luie flikkerquote:
WTF ben je aan het kutten jongen?quote:
[ Bericht 49% gewijzigd door BroodjeKebab op 16-08-2014 21:11:47 ]
[ Bericht 100% gewijzigd door BroodjeKebab op 16-08-2014 21:11:41 ]
Zo hoort ie toch?quote:
En geef de bij elkaar horende plaatjes samen een div om ze bij elkaar te houden. Dan heb je één class nodig om je categorie divs op volgorde te zetten en eentje voor hoe de plaatjes zich binnen hun div gedragen. En dan kan die elle lange lijst met los gepositioneerde plaatjes er vervolgens uit.
Bovendien kun je dan later makkelijk nieuwe plaatjes toevoegen en doen ze gelijk goed mee zodra je ze de goede class geeft. Zoals je nu werkt zul je al die plaatjes opnieuw moeten positioneren als je er iets nieuws tussen wilt zetten.
Dat het niet publiekelijk is, is geen excuus om slechte CSS te schrijven. Als je goede CSS wilt leren moet je juist je best doen om jezelf geen slechte gewoontes uit gemak aan te leren.quote:
Ik ben geen pro als jullie, het is maar voor een persoonlijke pagina.
http://jquery-howto.blogs(...)ues-with-jquery.html
En dan onderaan staat
Maar ik zie hem geen URL of iets opgeven waar die de query vars vandaan moet halen. Hoe geef ik die op?quote:Now, if you include the above code in your javascript file, you can get URL parameter values in the following way:
// Get object of URL parameters
var allVars = $.getUrlVars();
// Getting URL var by its nam
var byName = $.getUrlVar('name');
edit: oh wacht. Grapje
window.location. gedoe niet gezien [ Bericht 4% gewijzigd door #ANONIEM op 18-08-2014 01:45:00 ]
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | function getYoutubeInfo(id) { var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=json"; $.getJSON( url ).done( function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); }; |
Dit lijkt redelijk te werken. de console.log geeft hetgene wat ik verwacht.
Maar zodra ik de functie aanroep krijg ik een undifined te zien
Ennnn in de developer console van Chrome zie ik eerst de undefined en dan zie ik pas XHR finished loading: GET bla bla bla. Alsof die eerst de undefined stuurt en dan pas de json api aanroept.
Waar komt die undefined vandaan en waarom werkt mijn return niet maar console.log wel?
[ Bericht 0% gewijzigd door #ANONIEM op 18-08-2014 04:44:22 ]
Die undefined is waarschijnlijk het resultaat van de functie getYoutubeInfo omdat er geen return in staat.quote:
Ik heb het volgende:
[ code verwijderd ]
Dit lijkt redelijk te werken. de console.log geeft hetgene wat ik verwacht.
Maar zodra ik de functie aanroep krijg ik een undifined te zien
Ennnn in de developer console van Chrome zie ik eerst de undefined en dan zie ik pas XHR finished loading: GET bla bla bla. Alsof die eerst de undefined stuurt en dan pas de json api aanroept.
Waar komt die undefined vandaan en waarom werkt mijn return niet maar console.log wel?
Hoe roep je die functie aan, want de aanroeper kan nu niet het promiseobject gebruiken.
De code waarmee ik hem aanroep:quote:
[..]
Die undefined is waarschijnlijk het resultaat van de functie getYoutubeInfo omdat er geen return in staat.
Hoe roep je die functie aan, want de aanroeper kan nu niet het promiseobject gebruiken.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function buildList() { var tempElm; $.each(videoList, function(i, id) { tempElm = null; tempElm = $(".videoList .videoItem.hidden").clone().removeClass("hidden"); console.log(getYoutubeInfo(id)); tempElm.find("h4.vid-title").text(getYoutubeInfo(id).title); tempElm.find("span.vid-uploader").text(getYoutubeInfo(id).uploader); tempElm.find("p.vid-id").text("video id: " + id); tempElm.appendTo("ul.videoList"); }); }; |
[ Bericht 0% gewijzigd door #ANONIEM op 18-08-2014 14:36:16 ]
De functie getYoutubeInfo zal niet direct de gegevens van Youtube terugkrijgen dus die zijn niet direct te gebruiken in buildList. Je kunt het Promise-object als functiewaarde teruggeven zodat het doorvoeren pas plaatsvindt wanneer de gegevens beschikbaar zijn.quote:
[..]
De code waarmee ik hem aanroep:
[ code verwijderd ]
videoList is een array met video ID's.
| 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 | function getYoutubeInfo(id) { var url = "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=json"; // Verander "done" door "then" zodat er nog meer // acties aan het Promise-object gekoppeld kunnen worden. // Geef het Promise-object terug zodat het binnen buildList // gebruikt kan worden. return $.getJSON( url ).then( function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); }; function buildList() { var tempElm; $.each(videoList, function(i, id) { tempElm = null; tempElm = $(".videoList .videoItem.hidden").clone().removeClass("hidden"); getYoutubeInfo( id ).then(function(info) { // info bevat de gegevens van returnObj uit getYoutubeInfo console.log( info.id ); tempElm.find("h4.vid-title").text( info.title ); tempElm.find("span.vid-uploader").text( info.uploader ); tempElm.find("p.vid-id").text("video id: " + info.id); }); // tempElm wordt toegevoegd voordat de Youtube-info is verwerkt! tempElm.appendTo("ul.videoList"); }); }; |
het werktquote:
[..]
De functie getYoutubeInfo zal niet direct de gegevens van Youtube terugkrijgen dus die zijn niet direct te gebruiken in buildList. Je kunt het Promise-object als functiewaarde teruggeven zodat het doorvoeren pas plaatsvindt wanneer de gegevens beschikbaar zijn.
[ code verwijderd ]
Thx [ Bericht 10% gewijzigd door #ANONIEM op 18-08-2014 14:59:45 ]
Nee, de functie getYoutubeInfo geeft een Promise-object terug. Dit is de waarde die $.getJSON teruggeeftquote:
[..]
Je returned nu twee keer in getYoutubeInfo() ?
Je kunt het ook zo schrijven:
| 1 2 3 4 5 6 7 8 9 10 11 12 | var result = $.getJSON( url ); result.then(function(data) { var returnObj = { title: data.entry.title.$t, uploader: data.entry.author[0].name.$t } console.log(returnObj); return returnObj; }); return result; |
Nadat de gegevens door getJSON zijn opgehaald moeten ze nog bewerkt worden. Daarom wordt er een actie toegevoegd d.m.v. then (in getYoutubeInfo). De gegevens uit deze functie (dus return returnObj) worden ontvangen door de ‘then-functie’ in buildList.
Komt welquote:
Wel even een errorHandler toevoegen natuurlijk
Maar ik denk dat ik het in php ga herschrijven omdat het uiteindelijk meer gedoe wordt met javascript enzo
(in de .each doet die dus http requests, en die each gaat weer vrolijk door voor de http request klaar is..
Geen zin om daar allemaal omheen te gaan bouwen
dat zou ik even de boel zo bouwen dat je een array van id's kan doorsturen en je daar de info van krijgt, ipv voor alles een losse request te makenquote:
[..]
Komt wel
Maar ik denk dat ik het in php ga herschrijven omdat het uiteindelijk meer gedoe wordt met javascript enzo
(in de .each doet die dus http requests, en die each gaat weer vrolijk door voor de http request klaar is..
Geen zin om daar allemaal omheen te gaan bouwen
Dat je met javascript een array van video id's maakt en deze doorstuurt naar een php dingetje die de info ophaalt?quote:
[..]
dat zou ik even de boel zo bouwen dat je een array van id's kan doorsturen en je daar de info van krijgt, ipv voor alles een losse request te maken
Zoiets was ik van plan ja
quote:
JavaScript 1.2quote:
Dat is waar ook.quote:
neejoj n00b dit is TeaScriptquote:
teascript?quote:
quote:
Dafuq ?! wat is hier het nut van?:')quote:
Heel benieuwd hoe je op dit idee bent gekomen...
dit werd vroeger volgens nog best vaak gebruikt, door crappy cms'en en developersquote:
[..]
Dafuq ?! wat is hier het nut van?:')
Heel benieuwd hoe je op dit idee bent gekomen...
toen was het ook al fout :-Pquote:
[..]
dit werd vroeger volgens nog best vaak gebruikt.
komt van reddit.quote:
[..]
Dafuq ?! wat is hier het nut van?:')
Heel benieuwd hoe je op dit idee bent gekomen...
http://www.reddit.com/r/shittyprogramming/
http://www.reddit.com/r/ProgrammerHumor/
Het volgende stuk code moet daarvoor worden aangepast. Ik heb geen idee hoe:SPOILER1. landingpage
2. nl landingspage
2.1 producten
2.1.1 durex condooms
2.2 contact
3 en landingspage
3.1 products
3.1.1 durex condoms
3.2 contact
| 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 | {strip} {if $count > 0} <ul class='cf'> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string='<ul>' times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string='</li></ul>' times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0} </li> {/if} {if $node->current == true} <li{if $node->parent == true || $node->haschildren == true} class='parent current'{/if}> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->parent == true && ($node->type != 'sectionheader' && $node->type != 'separator')} <li class='parent current'> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->type == 'sectionheader'} <li class='sectionheader'> <span class='sectionheader {if $node->parent == true} parent{/if}{if $node->current == true} current{/if}'>{$node->menutext}</span> {elseif $node->type == 'separator'} <li class='separator'> <hr class='separator' /> {else} <li{if $node->parent == true || $node->haschildren == true} class='parent'{/if}> <a href='{$node->url}'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {/if} {/foreach} {repeat string='</li></ul>' times=$node->depth-1}</li> </ul> {/if} {/strip} |
Een rimjob voor de winnaar.
| 1 | {menu start_element='2.1' show_root_siblings='1'} |
toegevoegd tot:
| 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 | {strip} {menu start_element='2.1' show_root_siblings='1'} {if $count > 0} <ul class='cf'> {foreach from=$nodelist item=node} {if $node->depth > $node->prevdepth} {repeat string='<ul>' times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string='</li></ul>' times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0} </li> {/if} {if $node->current == true} <li{if $node->parent == true || $node->haschildren == true} class='parent current'{/if}> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->parent == true && ($node->type != 'sectionheader' && $node->type != 'separator')} <li class='parent current'> <a href='{$node->url}' class='current'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {elseif $node->type == 'sectionheader'} <li class='sectionheader'> <span class='sectionheader {if $node->parent == true} parent{/if}{if $node->current == true} current{/if}'>{$node->menutext}</span> {elseif $node->type == 'separator'} <li class='separator'> <hr class='separator' /> {else} <li{if $node->parent == true || $node->haschildren == true} class='parent'{/if}> <a href='{$node->url}'{if $node->target != ''} target='{$node->target}'{/if}>{$node->menutext}</a> {/if} {/foreach} {repeat string='</li></ul>' times=$node->depth-1}</li> </ul> {/if} {/strip} |
Dat doet eigenlijk wat ik wil alleen vindt er dubbeling plaats. Ik krijg 2 keer hetzelfde (maar juiste) menu.
Die {menu ...} tag hoort in je template, niet in je menu template. Dat zou nogal redundant zijn.
-edit-
ik kan vanavond wel een template opzoeken waarin ik voor elkaar gekregen heb wat jij wilt.
[ Bericht 33% gewijzigd door KomtTijd... op 28-08-2014 17:19:44 ]
Als ik alleen die regel gebruik:
| 1 | {menu start_element='2.1' show_root_siblings='1'} |
Gaat het menu goed.
Echter werkt in mijn template 'excludeprefix' dan niet meer. Dat is wel irritant.
Welke taal is dat?quote:
Ik ben een tweetalige website in elkaar aan het knutselen en daardoor moet de menustructuur op de schop, namelijk 2,3,4 ipv 1,2,3.Het volgende stuk code moet daarvoor worden aangepast. Ik heb geen idee hoe:SPOILER1. landingpage
2. nl landingspage
2.1 producten
2.1.1 durex condooms
2.2 contact
3 en landingspage
3.1 products
3.1.1 durex condoms
3.2 contact
[ code verwijderd ]
Een rimjob voor de winnaar.
| 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 | {if $count > 0} <div id="menuwrapper"> <ul id="nav"> {foreach from=$nodelist item=node} {strip} {if $node->depth > 1} {if $node->depth > $node->prevdepth && $node->prevdepth > 1} {repeat string="<ul>" times=$node->depth-$node->prevdepth} {elseif $node->depth < $node->prevdepth} {repeat string="</li></ul>" times=$node->prevdepth-$node->depth} </li> {elseif $node->index > 0 && $node->prevdepth > 1} </li> {/if} {if ($node->parent == true or ($node->current == true and $node->haschildren == true)) && $node->type !== 'sectionheader'} <li class="menuactive menuparent tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuactive menuparent" {elseif $node->current == true && $node->type !== 'sectionheader' } <li class="menuactive tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuactive" {elseif $node->haschildren == true && $node->type !== 'sectionheader'} <li class="menuparent tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > <a class="menuparent" {elseif $node->type == 'sectionheader'} <li class="sectionheader tl{$node->hierarchy|truncate:3:""|replace:'8.':''}" > {elseif $node->type == 'separator'} <li style="list-style-type: none;"> <hr class="separator" />{else} <li class="tl{$node->hierarchy|truncate:3:""|replace:'8.':''}"> <a {/if} {if $node->type !== 'sectionheader' and $node->type !== 'separator'} href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a> {elseif $node->type == 'sectionheader'} <span>{$node->menutext}</span> {/if} {/if} {/strip} {/foreach} {repeat string="</li></ul>" times=$node->depth-2} </li> </ul> <div class="clearb"></div> </div> {/if} |
| 1 | {menu template='ledenmenu' start_element="8"} |
Ja dat klopt, maar het is wel een nare taal om te lezenquote:
Smarty logica is een vrij groot onderdeel van cmsms. Je hoeft er niet van te houden naar het maakt het wel mogelijk iedere output van iedere pagina, module of wat dan ook, volledig naar je hand te zetten zonder de sourcecode aan te raken.
Dat heeft vooral te maken met het splitsen van presentatie en logica in de architectuur van je applicatie, daar heb je geen Smarty voor nodig.quote:
Smarty logica is een vrij groot onderdeel van cmsms. Je hoeft er niet van te houden naar het maakt het wel mogelijk iedere output van iedere pagina, module of wat dan ook, volledig naar je hand te zetten zonder de sourcecode aan te raken.
Ik snap het voordeel van iets als Smarty boven gewoon PHP niet echt. Alsof web development al niet uit genoeg talen en verschillende syntax bestaat.
| 1 | start_level="2.1" |
Ik zat dus nogal verkeerd in de menu template.
Thanks voor de hulp tho!
Je moet je data structureren in de backend, niet in je template.quote:
Sja, en PHP-code in een database opslaan en eval()'en is ook weer bad practice. En brengt bovendien de nodige risico's met zich mee.
quote:
[..]
Je moet je data structureren in de backend, niet in je template.
wat is daarbij jouw definitie van "de backend"? Want in mijn definitie zijn templates onderdeel van een backend.Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.quote:
[..]
Het menu is een object met menu-items. Dat is de structuur. Hoe die weergegeven wordt defineer je in een template en nergens anders. Daar hoort nou eenmaal enige logica bij. Ditsoort opbouw van HTML hardcoded in de broncode opnemen, dát moet je niet willen!quote:
[..]
Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.
Daarom sla je het ook gewoon in een file op en niet in je database. En waarom zou je het eval()'en? Als iemand een syntaxfout maakt, dan werkt het niet. Zo is het leven.quote:
Sja, en PHP-code in een database opslaan en eval()'en is ook weer bad practice. En brengt bovendien de nodige risico's met zich mee.
Dat deden ze in eerdere versies, maar het opslaan in de database heeft voordelen, maakt de templates beter te managen. Volgens mij is dit tegenwoordig ook vrij gebruikelijk.quote:
[..]
Daarom sla je het ook gewoon in een file op en niet in je database. En waarom zou je het eval()'en? Als iemand een syntaxfout maakt, dan werkt het niet. Zo is het leven.
Ik vind niet dat er echt een conceptueel verschil is tussen PHP-code in je database of Smarty-code in je database. Ik snap wel dat het makkelijker is om het te wijzigen op deze manier, omdat je dan geen schrijfrechten op disk nodig hebt enzo, maar echt de schoonheidsprijs wint het allemaal niet.quote:
[..]
Dat deden ze in eerdere versies, maar het opslaan in de database heeft voordelen, maakt de templates beter te managen. Volgens mij is dit tegenwoordig ook vrij gebruikelijk.
quote:
[..]
Nou, mijn definitie van Front-end is alles waar html in staat. Zulke logica moet je niet in je html willen hebben, imo. Dat sorteren kan je prima aan de achterkant doen.
Zijn er hier nog mensen die ook aanwezig zijn Laracon 2014?DIG / [PHP/(My)SQL] voor dummies #117quote:
Teveel tabjes open staan, sorry.quote:
[..]
DIG / [PHP/(My)SQL] voor dummies #117
Native polyfills per IE versie, kom maar op met die performance
Wat hij zegt.quote:
ik ga geen readibility opofferen voor niet merkbare performance...
| 1 2 3 | $(el).attr('tabindex'); // vs el.getAttribute('tabindex'); |
| 1 2 3 | $(el).html(); // vs el.innerHTML |
Maar een
| 1 2 3 | $(el).empty(); // vs el.innerHTML = ''; |
javascript is prima leesbaar, ligt er net aan hoe je een document opmaakt. Jquery is gewoon 70 tot 500 keer zo langzaam. Vooral met animatie/events merk je dat enormquote:
ik ga geen readibility opofferen voor niet merkbare performance...
Je hebt gewoon veel meer code nodig. Helemaal met async-requests loopt dat de spuigaten uit imo.quote:
[..]
javascript is prima leesbaar, ligt er net aan hoe je een document opmaakt. Jquery is gewoon 70 tot 500 keer zo langzaam. Vooral met animatie/events merk je dat enorm
En iets dat 20ms duurt ipv 2ms kan mij niet boeien eigenlijk.
Altijd handig voor beginners
jQuery is gewoon geweldig. Dynamisch invoeren van extra rij?quote:
[..]
Je hebt gewoon veel meer code nodig. Helemaal met async-requests loopt dat de spuigaten uit imo.
En iets dat 20ms duurt ipv 2ms kan mij niet boeien eigenlijk.
| 1 | .clone().insertAfter(); |
en klaar. Moet je eens met gewoon js proberen
wil je vervolgens de ids en names veranderen doe je gewoon
| 1 2 | .find([id]).each(function(){ $(this)..attr('id').replace() |
dan doe je toch .html(''); ?quote:
Met iets als
[ code verwijderd ]
en
[ code verwijderd ]
ben ik het wel eens.
Maar een
[ code verwijderd ]
is niet hetzelfde. De jQuery versie haalt ook events e.d. weg.
dan ben ik benieuwd hoe jij PHP en HTML gescheiden houdt? Of doe je dat gewoon door elkaar?quote:
[..]
Dat heeft vooral te maken met het splitsen van presentatie en logica in de architectuur van je applicatie, daar heb je geen Smarty voor nodig.
Ik snap het voordeel van iets als Smarty boven gewoon PHP niet echt. Alsof web development al niet uit genoeg talen en verschillende syntax bestaat.
Templates is front-end, daar toon je toch wat er op het scherm komt. Dat een CMS dit in de database opslaat, zodat je dit in een webachtige omgeving kan editen is weer wat anders.quote:
[..]
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.quote:
[..]
dan ben ik benieuwd hoe jij PHP en HTML gescheiden houdt? Of doe je dat gewoon door elkaar?
Er is geen wezenlijk verschil tussen {$variabele} en <?= $variabele; ?>
kijk voor de grap eens naar dat crewgeschiedenis project. Veel plezier als je daar iets aan wil veranderen.quote:
[..]
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.
Er is geen wezenlijk verschil tussen {$variabele} en <?= $variabele; ?>
Zal je daarna code laten zien van mij.
Twig of xml en xsl
Als je je daar strikt aan houdt wel ja. Als je een designer/gebruiker wel controle wilt geven over de weergave, maar niet gelijk toegang tot je volledige operating system wilt geven, is een laagje ertussen verrot handig.quote:
[..]
Als je Smarty gebruikt, hou je PHP en HTML ook niet gescheiden. Je gebruikt alleen andere syntax voor de PHP-stukken.
Er is geen wezenlijk verschil tussen {$variabele} en <?= $variabele; ?>
https://www.codeschool.com/courses/shaping-up-with-angular-js
Interactieve AngularJS tutorial. Erg leuk.
Nu een webapp op staging staan die compleet in angularjs werkt en communiceert over een api. En het mooiste; werkt na 1x laden zonder internetverbinding.
Bedankt voor de tip.quote:
on-topic:
https://www.codeschool.com/courses/shaping-up-with-angular-js
Interactieve AngularJS tutorial. Erg leuk.
Gebruik jij het ook op publieke sites die gewoon moeten scoren in google?quote:
Angularjs is erg gaaf imo. Niet voor alles, maar in sommige situaties is het echt baas
Ieder zijn ding.quote:
Ik hou me alleen bezig met besloten webapps nu. Dus focussen op werking en inhoud en geen gezever over seo.
Als je er wel rekening mee moet houden dan kan het een probleempje worden, omdat Google <supergavelijsttag></supergavelijsttag> niet herkendquote:
[..]
Ik hou me alleen bezig met besloten webapps nu. Dus focussen op werking en inhoud en geen gezever over seo.
Zijn wel workarounds, maar dat is ook niet alles.
google parsed ook JavaScript tegenwoordig. Maar het is niet optimaal op seo gebied nee.quote:
[..]
Als je er wel rekening mee moet houden dan kan het een probleempje worden, omdat Google <supergavelijsttag></supergavelijsttag> niet herkend
Zijn wel workarounds, maar dat is ook niet alles.
Ik maak tools en applicaties voor mensen, niet voor bots.
Maarja, als die bots mensen opleveren. Ik werk een bedrijf met meerdere webshops, dus is het vrij essentieel om gevonden te worden. En gGogle parsed inderdaad javascript, maar dat is op dit moment nog vrij experimenteel en wij spelen het wat dat betreft nog liever op safe.quote:
[..]
google parsed ook JavaScript tegenwoordig. Maar het is niet optimaal op seo gebied nee.
Ik maak tools en applicaties voor mensen, niet voor bots.
Maar AngularJS is een geweldig framework, en op de backend wordt het regelmatig ingezet.