Volgens mij is het een zelfgebeund CMS-je ofzo.quote:Op woensdag 12 juni 2013 18:20 schreef Tijn het volgende:
[..]
Lekkere webmaster heb je als dit klusje van 5 minuten al teveel geld kost.
Dan nog, hoe moeilijk kan het zijn? Sla de contact-pagina vanuit je browser op, gooi alles van de host af en upload je opgeslagen pagina. Kind kan de was doen.quote:Op woensdag 12 juni 2013 19:53 schreef KomtTijd... het volgende:
[..]
Volgens mij is het een zelfgebeund CMS-je ofzo.
http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees ditquote:Op zaterdag 15 juni 2013 16:58 schreef Devv het volgende:
Wie maakt er hier HTML applicaties voor mobiele apparaten? Hoe vangen jullie swipe gestures af? Ik kwam toevallig TouchSwipe tegen. Dat zag er wel interessant uit.
Ik zie niet helemaal hoe dit verband houdt met mijn vraag...quote:Op zondag 16 juni 2013 11:36 schreef n8n het volgende:
[..]
http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
sorry het spijt me zal het nooit meer doen vergeef me alsjeblieftquote:Op zondag 16 juni 2013 15:51 schreef Devv het volgende:
[..]
Ik zie niet helemaal hoe dit verband houdt met mijn vraag...
quote:Op zondag 16 juni 2013 16:08 schreef n8n het volgende:
[..]
sorry het spijt me zal het nooit meer doen vergeef me alsjeblieft
beetje lompe reactie ik probeerde behulpzaam te zijnquote:
Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.quote:
Werk er ook net sinds een maandje mee, zou al niet meer zonder kunnen.quote:Op zondag 16 juni 2013 23:41 schreef Devv het volgende:
[..]
Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.
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 | /* ------ BANNER AREA ------ */ .banner { overflow: hidden; height: 275px; background: [[$grey]] } /* images on the right */ .banner-image { float:left; display: block; position: relative; width: 100%; background: [[$grey]] max-height: 275px; } .banner-image div { position: absolute; z-index: 0; width: 100%; min-height: 100px; overflow: hidden; display: block; top: 0; left: 0 } .banner-image img { display: block; height: auto; width: 100%; bottom: 0; max-width: 100%; } |
Heeft ie toch?quote:Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
WTFquote:Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
Dit dacht ik ook maar het werkt wel.quote:
Wait wut?quote:Op maandag 17 juni 2013 12:11 schreef Cracka-ass het volgende:
[..]
WTF
[..]
Dit dacht ik ook maar het werkt wel.
Thanks!
Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!quote:Op zondag 16 juni 2013 11:36 schreef n8n het volgende:
[..]
http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.quote:Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:
[..]
Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
Met forum.fok.nl werkt dat dan weer niet?quote:Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:
[..]
Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Dat is niet helemaal waar. Je moet er nog wel iets voor doen.quote:Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:
[..]
Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Oja die meta tag moet er dan inderdaad wel in, even vergeten.quote:Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:
[..]
Dat is niet helemaal waar. Je moet er nog wel iets voor doen.
Hide the Address Bar within Mobile Web Applications
quote:Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:
[..]
Dat is niet helemaal waar. Je moet er nog wel iets voor doen.
Hide the Address Bar within Mobile Web Applications
Interessant en vrij simpel dus! Bedankt!quote:Op dinsdag 18 juni 2013 10:28 schreef mstx het volgende:
[..]
Oja die meta tag moet er dan inderdaad wel in, even vergeten.
Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.quote:Op dinsdag 18 juni 2013 11:38 schreef KomtTijd... het volgende:
Heeft er hier iemand ervaring met javascript template-engines? Zoals zoiets:
http://javascriptmvc.com/docs.html#!jQuery.View
http://json-template.goog(...)g-JSON-Template.html
wil misschien zoiets gaan implementeren, al zie ik voorlopig ook niet echt het nadeel van gewoon HTML inladen ipv JSON.
Angular is wel nice ja.quote:Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:
[..]
Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
is idd een shortcut. Het wordt door de browser geopend maar als je wilt zonder chrome. Web apps zijn t, zitten wel wat haken en ogen aan qua opties/performance waarvan een deel redelijk op te vangen isquote:Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:
[..]
Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
standaard opent ie dan links in de safari app, daar is wel om heen te werken maar nooit aan toegekomen. Moet er ook rekening mee houden in de navigatiequote:Op dinsdag 18 juni 2013 10:20 schreef InTrePidIvity het volgende:
[..]
Met forum.fok.nl werkt dat dan weer niet?
En die template/partials worden in principe maar 1x ingeladen, wanneer je vervolgens opnieuw naar die pagina gaat vult hij die template gewoon met de nieuwe waardes die hij ophaalt.quote:Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:
[..]
Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
1 2 3 4 5 6 7 8 9 10 11 12 | <style> h1.lead { /* Base style */ font-size: 48px; color: #ff0000; font-weight: normal; } h1.lead { color: #0000ff !important; } </style> <h1 class="lead">Hello world!</h1> |
Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen ?quote:Op woensdag 19 juni 2013 10:25 schreef KomtTijd... het volgende:
...en het is geen overerving. Maar wel geldig ja.
"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.quote:Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:
[..]
Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen ?
Ik noem het vervuilingquote:Op woensdag 19 juni 2013 10:41 schreef mstx het volgende:
[..]
"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.
Overerving betekent dat je eigenschappen erft van een bovenliggende klassen, dus bijvoorbeeld met "color:inherit".
Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?quote:Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:
[..]
Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen ?
De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.quote:Op woensdag 19 juni 2013 10:49 schreef KomtTijd... het volgende:
[..]
Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?
Overigens doe je er verstandig aan om !important te vermijden. Lees je even in in specificity.
Het is geen overerving.quote:Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:
[..]
De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
...die overschrijf je toch ook niet?quote:Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:
[..]
De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
standaard de lowres afbeelding erin zetten en met JavaScript de viewport bepalen en aan de hand daarvan een andere CSS laden. Maar dit heb ik alleen op de grote afbeeldingen verwerkt. Omdat die wel significant anders zijn op mobiel.quote:Op vrijdag 21 juni 2013 10:19 schreef Seagal het volgende:
Wat voor strategie gebruiken jullie om afbeeldingen responsive te maken?
Tot op heden laadde ik gewoon 1 grote afbeelding die ik met media queries groter of kleiner maakte, maar voor mobile devices lijkt dit me een beetje overkill.
Nu zou ik met behulp van media queries kleinere versies van een afbeelding als achtergrond kunnen instellen, maar liever houd ik bepaalde afbeeldingen in een <img> tag in m'n html.
Heb dat laatst met een collega zo opgezet, nu gebruik ik een standaard image scaler en dat werkt dan erg fijn, kun je gelijk je cropping en compressie methode van te voren configureren, componentje kost 200 euro, dus voor de prijs hoef je het niet te laten.quote:Op vrijdag 21 juni 2013 10:23 schreef Catch22- het volgende:
mobile first swa!
of een picture element met meerdere sources en mediaqueries. Ik gebruik dat zelf niet, bouw nauwelijks nog marketingsites, hoofdzakelijk webapps
css3 is de beste oplossing in terms van snelheid enzo. css #2 het makkelijkste.quote:Op maandag 24 juni 2013 15:08 schreef xaban06 het volgende:
Ik wil een plaatje als fullscreen background gebruiken, als ik Google kom ik tig verschillende technieken tegen, sommige zijn al wat verouderd.
Wat is nou de beste optie?
http://css-tricks.com/perfect-full-page-background-image/ heeft bijvoorbeeld tal van voorbeelden.
ik wil het echtquote:Op maandag 24 juni 2013 16:06 schreef Catch22- het volgende:
Zulke dingen moet je niet eens willen en goed afvangen in je code.
oké dan. bij nader inzien toch slecht idee van mijquote:Op maandag 24 juni 2013 16:09 schreef Meteoric het volgende:
Schakel nooit de defaultfuncties van de browser uit, dat is echt irritant.
Ik werk er momenteel ook veel mee.quote:Op dinsdag 25 juni 2013 12:24 schreef ursel het volgende:
professionals is een groot woord. Heb er mee gewerkt, dat wel.
er zit geen fout in de css want de class listwp werkt wel in een andere listquote:
Ok, dan niet.quote:Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:
[..]
er zit geen fout in de css want de class listwp werkt wel in een andere list
post je css anders eens...quote:Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:
[..]
er zit geen fout in de css want de class listwp werkt wel in een andere list
CSS:quote:
1 | .listwp a:link |
Je zoekt naar een anchor (a) in een anchor.quote:Op woensdag 26 juni 2013 14:46 schreef wietwiet het volgende:
[..]
CSS:
.lichaam {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
b {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
.listwp a:link
{
text-decoration: none;
color: #0000EE;
}
.listwp a:visited
{
text-decoration: none;
color: #0000EE;
}
.listwp a:hover
{
text-decoration: underline;
color: #E37810;
}
.listwp a:active
{
text-decoration: underline;
color: #D50000;
}
Hoe kan ik dit oplossen?quote:Op woensdag 26 juni 2013 14:48 schreef Crutch het volgende:
[..]
Je zoekt naar een anchor (a) in een anchor.
a.listwp:linkquote:
Mag ik deze nog even quoten?quote:Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:
[..]
er zit geen fout in de css want de class listwp werkt wel in een andere list
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | @font-face { font-family: 'FuturaMedium'; src: url('fonts/Futura-Medium-webfont.eot'); src: url('fonts/Futura-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Futura-Medium-webfont.woff') format('woff'), url('fonts/Futura-Medium-webfont.ttf') format('truetype'), url('fonts/Futura-Medium-webfont.svg#FuturaMedium') format('svg'); font-weight: normal; font-style: normal; } h1 { font-family: 'FuturaMedium', Arial, sans-serif; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; } |
Je zou eens naar de x-ua-compatible meta tag moeten kijken.quote:Op dinsdag 9 juli 2013 09:41 schreef FigureBirdStars het volgende:
M'n webfont wordt niet weergegeven in IE8 en ik zie zo snel niet waar het aan ligt, dit zou normaal gesproken toch gewoon moeten werken? In alle andere browsers werkt het wel...
[ code verwijderd ]
https://dl.dropboxusercontent.com/u/11840256/webfont/fonts.html
zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.quote:Op zondag 14 juli 2013 16:16 schreef Darkomen het volgende:
Ik probeer via jquery een draggable list te maken met elementen die vast staan.
Ik heb de .draggable({cancel:"selector"}) geprobeerd, en uiteindelijk maar .not()
Helaas werkt het nog niet, heeft iemand een idee waarom niet?
Tevens will ik een gedropped element op een bepaalde positie tussen andere elements plaatsen ipv .append().
http://jsfiddle.net/4JZBZ/
Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.quote:Op maandag 15 juli 2013 08:44 schreef Catch22- het volgende:
[..]
zet een class op de draggable elementen. Gebruik een sortable om de volgorde vast te houden.
je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoonquote:Op dinsdag 16 juli 2013 08:54 schreef Darkomen het volgende:
[..]
Gister helaas geen tijd gehad om te testen, maar een class zetten helpt niet dat heb ik in iedergeval geprobeerd.
1 | $(".parent .should-be-draggable").draggable(); |
1 | #results article.w2 { max-width:540px; max-height:350px; box-shadow:0px 2px 10px #666; font-size: 0.8em; line-height: 1.5em; background:url(/images/expand.png) no-repeat right bottom rgba(255,255,255,0.9); } |
Dat is ook geen optie omdat hetzelfde plaatje op een andere plek wordt gebruikt (waar het wel goed gaat met de padding ).quote:Op woensdag 17 juli 2013 16:57 schreef mstx het volgende:
Of gewoon wat witruimte in het plaatje zelf maken.
Dit.quote:Op donderdag 18 juli 2013 16:08 schreef QM84 het volgende:
Of zet het plaatje in een pseudo-element (:after) en vervolgens absoluut 10px van de rechterkant en bottom.
Dit is het uiteindelijk gewordenquote:Op dinsdag 16 juli 2013 10:33 schreef Catch22- het volgende:
[..]
je hebt een set van bepaalde elementen die draggable moeten zijn? Dan kan je toch gewoon
[ code verwijderd ]
doen?
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 | var hoverEleme = false; $jQ("#awardArchive li, #userAwards li") .bind('mousedown mouseup', function(e){ if($jQ(this).hasClass('cancelDragg')!==true){ if (e.type=="mousedown") { lastClick = e.timeStamp; } else { diffClick = e.timeStamp - lastClick; if ( diffClick < clickDelay ) { $jQ(this).toggleClass(selectedClass); } } } }) .draggable({ cancel: ".cancelDragg", revertDuration: 10, containment: '.awardBoxes', start: function(e, ui) { ui.helper.addClass(selectedClass); }, stop: function(e, ui) { $jQ('.' + selectedClass).css({ top:0, left:0 }); }, drag: function(e, ui) { $jQ('.' + selectedClass).css({ top : ui.position.top, left: ui.position.left }); } }) .droppable({ over: function(event, ui) { hoverEleme = this; } }); $jQ("#userAwards, #awardArchive").droppable({ over: function(event, ui) { if($jQ(this).children().length==0){ hoverEleme = this; } }, drop: function(e, ui) { if(hoverEleme){ if(hoverEleme.nodeName=='UL'){ $jQ('.' + selectedClass) .appendTo(hoverEleme) .add(ui.draggable) .removeClass(selectedClass) .css('top','') .css('left',''); hoverEleme = false; } else{ $jQ('.' + selectedClass) .insertAfter(hoverEleme) .add(ui.draggable) .removeClass(selectedClass) .css('top','') .css('left',''); hoverEleme = false; } } } }); |
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 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Lamaro</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://www.lamaro.nl/" /> <link rel="stylesheet" type="text/css" href="global.css" /> </head> <body> <div id="siteBody"> <div id="siteTitle"> <h1>Welkom op de site van Lamaro</h1> <span>Klik op onderstaande links om verder te gaan</span> </div> <div id="priogengroupText"> <h2>Priogen Group</h2> The Priogen Group is een<br /> onafhankelijke energie leverancier.<br /> De kernactiviteiten bestaan uit<br /> het zoeken, verhandelen en<br /> optimaliseren van energie<br /> en aardgas in Europa. </div> <div id="libertyairText"> <h2>Liberty Air</h2> Met Liberty Air heeft u de keuze uit meer<br /> dan 3.500 Europese bestemmingen om zo<br /> dicht mogelijk bij uw bestemming te landen! </div> </body> </html> |
Ik snap hoe het werkt, maar ik krijg het niet voor elkaarquote:Op donderdag 18 juli 2013 17:06 schreef stefanhaan het volgende:
[..]
Dit.
Zo krijg je ook dit voor elkaar op FOK
[ afbeelding ]
Een scrollbar stylen Ja, het is mogelijk. Nee, begin er niet aan.quote:Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:
[..]
Ik snap hoe het werkt, maar ik krijg het niet voor elkaar
Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
Net als normaal als je wil dat iets voor die div geld.quote:Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:
[..]
Ik snap hoe het werkt, maar ik krijg het niet voor elkaar
Andere vraag: kan je een scrollbar alleen stylen in een bepaalde div, zonder dat je de 'algemene' scrollbar (rechts in je scherm) ook bewerkt?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | /* Scroll Bar */ #contentHolder ::-webkit-scrollbar { width: 12px; } #contentHolder ::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(106, 66, 3, 1); } #contentHolder ::-webkit-scrollbar-thumb { background-color: rgba(175, 110, 7, 1); border: 1px solid #6a4203; } |
Ik krijg dat verzoek ook all the timequote:Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:
[..]
Een scrollbar stylen Ja, het is mogelijk. Nee, begin er niet aan.
Voor het weergeven van afbeeldingen via :afterquote:Op woensdag 24 juli 2013 10:02 schreef InTrePidIvity het volgende:
[..]
Ik snap hoe het werkt, maar ik krijg het niet voor elkaar
1 2 3 4 5 6 | .postholder_bot.ownPost:after { content: url('images/bann_own.png'); position: absolute; top: 6px; left: 76px; } |
quote:Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:
[..]
Een scrollbar stylen Ja, het is mogelijk. Nee, begin er niet aan.
Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar. Die van IE (9+) ziet er verrassend genoeg trouwens standaard al best netjes uit.quote:Op woensdag 24 juli 2013 10:02 schreef donroyco het volgende:
[..]
Een scrollbar stylen Ja, het is mogelijk. Nee, begin er niet aan.
Dankjewelquote:Op woensdag 24 juli 2013 10:03 schreef stefanhaan het volgende:
[..]
Net als normaal als je wil dat iets voor die div geld.
#div .testStyle
[ code verwijderd ]
En nogmaals dankjewel, ik ga het nog maar een keer proberen danquote:Op woensdag 24 juli 2013 10:06 schreef stefanhaan het volgende:
[..]
Voor het weergeven van afbeeldingen via :after
[ code verwijderd ]
Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.quote:Op woensdag 24 juli 2013 10:16 schreef InTrePidIvity het volgende:
[..]
Inhoud vs. design maakt het helaas onmogelijk om zonder scrollbar te werken, dus dan liever een gestylde dan de standaard Chrome-scrollbar.
Hehe.quote:Op woensdag 24 juli 2013 10:26 schreef KomtTijd... het volgende:
ja en voor een auto heb je banden nodig, bekent ook niet dat het er beter op wordt als je zelf een profieltje ontwerpt.
Opbouwende kritiekquote:Op woensdag 24 juli 2013 10:29 schreef Tijn het volgende:
[..]
Het probleem is dat je niet echt de scrollbar van een ander uiterlijk voorziet, maar zelf een mechanisme maakt dat als scrollbar moet fungeren. En dat werkt half zo goed niet als een echte scrollbar.
Gelukt, getest in http://jsfiddle.net en geupload. TopStyle 5.0 deed vaag met de weergave maar probleem is opgelost, eindelijk. Nu is kijken of ik mensen hier kan helpenquote:Op woensdag 24 juli 2013 09:46 schreef Darkomen het volgende:
CSS verzint zelf geen waardes omdat het het leuk vind om je te pesten
Of je zit de verkeerde files aan te passen.
Of er is iets van cache.
Of je programma loopt te kutten.
Probeer het eens zonder je programma edit je css in notepad(++)
je hebt gelijk.quote:
Chained select?quote:Op zaterdag 27 juli 2013 13:17 schreef zerokil het volgende:
Heeft iemand een standaard formpje waar als je bij de 1ste blok een keuze maakt dat het 2de blok veranderd..
Dus dat je 1ste keuze invloed zal hebben op het 2 de blok keuze selectie.
Hmm, ok, dat verklaart waarom test 5 het snelste klaar is.quote:Op zondag 28 juli 2013 16:54 schreef Catch22- het volgende:
Je moet sowieso geen grotere nauwkeurigheid aangeven dan nodig.
Hoe minder selectors hoe beter
Ja, dat bedoelde ik.quote:Op zondag 28 juli 2013 17:28 schreef KomtTijd... het volgende:
je bedoelt een Id. Das ook logisch aangezien een Id de meest specifieke selector is en gewoon met getElementById afgehandeld kan worden.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <div> <ul> <li style="display:none;"></li> <li style="display:none;"></li> <li class="selected"></li> </ul> <ul> <li style="display:none;"></li> <li></li> <li style="display:none;"></li> </ul> <ul> <li></li> <li style="display:none;"></li> <li style="display:none;"></li> </ul> </div> |
Dat ik daar niet aan gedacht heb.quote:Op maandag 29 juli 2013 00:17 schreef Tijn het volgende:
Ik zou een selectie van alle zichtbare list items maken ($('li:visible')), dan de index van het geselecteerde item opvragen (met .index()) en dan het volgende element van je set aanwijzen (met .eq()).
1 2 3 4 | $('li').removeClass('selected') .filter(':visible') .eq(index + 1) .addClass('selected'); |
Maakt .selected de li onzichtbaar want zo lijkt het of dezelfde li weer geselecteerd wordt.quote:Op maandag 29 juli 2013 01:51 schreef pascal08 het volgende:
[..]
Dat ik daar niet aan gedacht heb.
Ik had inmiddels al een oplossing van meer dan 2 regels.
EDIT:
Ik heb 't nu voor elkaar gekregen met een enkele regel. Volgens deze jsperf is 'ie sneller dan de index-methode, maar qua leesbaarheid zou ik toch voor de multiline code gaan. Jij?
[ afbeelding ]
1 | $("li").find(".selected").get(0).removeClass("selected").next("li").addClass("selected") |
Ik heb mijn navigatie al horizontaal staan en ik kan mijn submenu laten expanden door hover te gebruiken, maar dit wil ik natuurlijk niet. Ik wil het graag hebben zoals op de bovenstaande afbeelding staat afgebeeld. Mijn vraag is kan ik dit met html en css doen of heb ik hiervoor een scriptaal (bijv. JavaScript) nodig?quote:
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 | <ul id="menu"> <li> <a href="#">Menu 1</a> <ul> <li><a href="#">Sub 1.1</a></li> <li><a href="#">Sub 1.2</a></li> <li><a href="#">Sub 1.3</a></li> </ul> </li> <li> <a href="#">Menu 2</a> <ul> <li><a href="#">Sub 2.1</a></li> <li><a href="#">Sub 2.2</a></li> <li><a href="#">Sub 2.3</a></li> </ul> </li> <li> <a href="#">Menu 3</a> <ul> <li><a href="#">Sub 3.1</a></li> <li><a href="#">Sub 3.2</a></li> <li><a href="#">Sub 3.3</a></li> </ul> </li> </ul> <script type="text/javascript"> $(document).ready(function(){ $('#menu>li>a').click(function(){ $(this).parent().find('ul').toggle(); }); }); </script> |
Oh xD verticaal bedoel ik natuurlijk ja. Sorry voor de miscommunicatie..quote:Op maandag 29 juli 2013 18:50 schreef mstx het volgende:
Bedoel je nou een horizontaal menu of een verticale (zoals op die afbeelding)? Als je hem wil laten uitschuiven met een klik moet je javascript gebruiken.
Zoiets:
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 | li > ul { max-height:0; transition:max-height 500ms ease-out; } li:hover > ul{ max-height:999em; transition:max-height 500ms ease-in; } |
Nee hover wil ik niet, en het hoeft niet perse met JavaScript gedaan te worden. Ik wil graag dat het menu openklapt als je op een link klikt.quote:Op maandag 29 juli 2013 21:18 schreef PimD het volgende:
Of je animeert gewoon de max-height met CSS bij hover:
[ code verwijderd ]
Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook
1 2 3 4 5 6 7 8 9 | li > ul { max-height:0; transition:max-height 500ms ease-out; } li > ul:target { max-height:999em; transition:max-height 500ms ease-in; } |
1 2 3 4 5 6 7 | <ul> <li><a href="#submenu">Submenu</a> <ul id="submenu"> .... </ul> </li> </ul> |
ideale basis man. Ik maak alleen maar applicaties, dan is het ideaal. Gewoon degelijke basis.quote:Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.
Hey je code werkt bij mij niet :S Want ik krijg gewoon dit te zien, zonder dat ik op submenu heb geklikt:quote:Op maandag 29 juli 2013 22:16 schreef PimD het volgende:
Je kunt ook :target gebruiken, moeten je submenu's wel unieke ID's hebben.
[ code verwijderd ]
en in je HTML
[ code verwijderd ]
Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.quote:Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.
En het is lekker makkelijk doorgeven van persoon a naar b naar c naar d.quote:Op dinsdag 30 juli 2013 16:29 schreef Devv het volgende:
[..]
Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.
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 | <!DOCTYPE html> <html lang="en"> <head> <title>accordeon</title> <script type="text/javascript"> $(document).ready(function() { $("dd:not(:first)").hide(); }); </script> </head> <link rel="stylesheet" href="main.css"/> <body><ul class="menu"> <div id="container"> <dl> <dt><a href="#">Home</a></dt> <dd> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </dd> <dt><a href="#">About</a></dt> <dd> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </dd> <dt><a href="#">Contact</a></dt> <dd> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </dd> </dl> </div> </body> </html> |
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 | dl, dt, dd, ul, li a { margin:0; padding:0; } #container{ margin:auto; } a{ text-decoration: none; color:#292929; } li{ padding-left: 0.6em; list-style-type:none; } dl{ width:100px; } dt{ background-color:#b0c23d; } |
quote:Op donderdag 8 augustus 2013 19:01 schreef mstx het volgende:
Je moet de jquery library wel includen he.
https://www.google.nl/search?q=php+file+browser ?quote:Op donderdag 8 augustus 2013 22:04 schreef Ballistic het volgende:
Weet iemand een manier om: mijn website (gehost door mijndomein.nl) er hetzelfde uit te laten zien als op de ftp? Dus (tenzij er een index.html in een map zit) dat je de mappenstructuur via de browser ziet en er doorheen kan klikken?
Al geprobeerd te googelen maar ik weet de juiste woorden niet. Heb mijndomein.nl zelf al benaderd hiervoor, en die zeggen: zoek een script om het voor je te doen.
Iemand die me verder kan helpen? Bvd!
Omdat ik gewoon liever wil dat ik erop klik, dan dat ik met mijn huis eroverheen ga. Maar dit probleem is al opgelostquote:Op vrijdag 9 augustus 2013 23:07 schreef hagemar het volgende:
Superky misschien heb je wat aan deze links?
http://bonrouge.com/br.php?page=cssonclickswitch (Hier wordt gebruik gemaakt van OnClick, echter blijft het niet langer zichtbaar dan dat je op de link klikt)
http://bonrouge.com/br.php?page=imageswitch (hierbij is gebruik gemaakt van Javascript)
Je zou ook met frames kunnen werken (ben ik zelf niet fan van, en wordt ook weinig gebruikt), dan zou je de navigatie in een frame kunnen doen en gewoon voor home, about en contact een aparte pagina maken met wel een gedeelte naar beneden geklapt.
En waarom wil je eigenlijk niet dat het gewoon naar beneden klapt als je eroverheen gaat?
Hoop dat je er iets aan hebt.
1 2 3 4 5 6 7 8 | #right_side{ border: 1px solid blue; float:right; width: 220px; padding: 30px; background: #66CCCC; position: absolute; } |
1 2 3 4 5 6 7 8 9 | #right_side{ top: -280px; border: 1px solid blue; float:right; width: 220px; padding: 30px; background: #66CCCC; position: relative; } |
Bedankt !quote:Op donderdag 8 augustus 2013 22:08 schreef mstx het volgende:
[..]
https://www.google.nl/search?q=php+file+browser ?
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl
1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.quote:Op zondag 11 augustus 2013 16:33 schreef SV-Spakenburg het volgende:
Hi,
Ik ben een beetje aan het klooien met het menu, maar net heb ik de dropdown eruit gehaald maar nu doen bepaalde pagina's erg raar..
Dit is de code die ik nu heb:
[knip]
Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl
Het is al opgelost, had per ongeluk iets weggehaald in de code.quote:Op zondag 11 augustus 2013 22:34 schreef Light het volgende:
[..]
1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.
2. Post alleen relevante code. Bij de html is dat gelukt, bij de css niet helemaal.
3. Je html is niet goed. In een <ul> horen <li>s te staan, en daarbinnen weer andere content. Een <a> die wel in een <ul> maar niet in een <li> staat, is niet goed en ga je niet goed kunnen stylen.
4. Een link naar de website of iets als een jsfiddle-pagina waar we de code werkend kunnen zien is prima
1 2 3 4 5 6 7 8 9 10 | <?php if(!$_GET['p']) $_GET['p'] = "home"; if(file_exists(''.$_GET['p'].'.php')) include(''.$_GET['p'].'.php'); else include("home"); ?> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <?php <a href="?p=mij">Informatie</a> <ul> <li><a href="?p=mij">Over mij</a></li> <li><a href="?p=prijzen">Prijzen</a></li> </ul> </li> <li> <a href="?p=contact">Contact</a> </li> <li> <a href="?p=gast">Gastenboek</a> </li> <li> <a href="?p=links">Links</a> </li> ?> |
http://www.jjameland.nl/?p=indexquote:Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,
Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]
die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]
dit functioneert wel maar het is toch niet helemaal ideaal.
iedere keer als ik een pagina open laad hij de hele pagina overnieuw.
http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.
nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.
weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
quote:
leuke opening voor php inclusion, dat scriptje.quote:Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,
Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]
die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]
dit functioneert wel maar het is toch niet helemaal ideaal.
iedere keer als ik een pagina open laad hij de hele pagina overnieuw.
http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.
nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.
weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
quote:
Als je al veel howto's gelezen hebt, waarom denk je dat er nog één lezen een toegevoegde waarde heeft?quote:Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,
Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]
die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]
dit functioneert wel maar het is toch niet helemaal ideaal.
iedere keer als ik een pagina open laad hij de hele pagina overnieuw.
http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.
nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.
weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?
Om er voor te zorgen dat alleen de content opnieuw geladen wordt, niet de hele pagina waardoor ook de backgroundslider opnieuw geladen wordt.quote:Op dinsdag 13 augustus 2013 23:00 schreef KomtTijd... het volgende:
[..]
leuke opening voor php inclusion, dat scriptje.
verder, waarom zou je een probleem willen gebruiken als oplossing van iets wat helemaal geen probleem is?
in de hoop dat ik dan wel begrijp welke stappen moet ondernemen.quote:Op dinsdag 13 augustus 2013 23:03 schreef Maringo het volgende:
[..]
[..]
Als je al veel howto's gelezen hebt, waarom denk je dat er nog één lezen een toegevoegde waarde heeft?
Jqueryquote:Op woensdag 14 augustus 2013 10:14 schreef gerrit098 het volgende:
[..]
Om er voor te zorgen dat alleen de content opnieuw geladen wordt, niet de hele pagina waardoor ook de backgroundslider opnieuw geladen wordt.
Tevens lijkt mij die fadein-out effecten wel aardig om er bij te gebruiken.
Bedoel je dit?quote:Op donderdag 15 augustus 2013 13:57 schreef InTrePidIvity het volgende:
Hoe krijg ik plaatjes d.m.v. CSS in grijswaarden in IE? Chrome en Firefox werken prima mee, maar IE doet erg moeilijk
1 | filter: alpha(opacity=40); /* msie */ |
Nee, ik wil echt dat de afbeelding wordt weergegeven in grijswaarden.quote:Op donderdag 15 augustus 2013 13:58 schreef donroyco het volgende:
[..]
Bedoel je dit?
[ code verwijderd ]
1 2 3 4 | {max-width: 140px; height: auto;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.5 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ /* For IE8 and earlier */ opacity: 0.7; } |
http://stackoverflow.com/(...)cale-image-for-ie-10quote:Op donderdag 15 augustus 2013 14:12 schreef InTrePidIvity het volgende:
[..]
Nee, ik wil echt dat de afbeelding wordt weergegeven in grijswaarden.
Ik heb nu dit:
[ code verwijderd ]
En dat werkt voor IE6-9, maar niet voor 10
He, getver.quote:Op donderdag 15 augustus 2013 14:13 schreef donroyco het volgende:
[..]
http://stackoverflow.com/(...)cale-image-for-ie-10
Er is een index.php, en ik denk dat het aan de rechten ligt indd. Maar hoe los ik dit op?quote:Op donderdag 15 augustus 2013 22:32 schreef Nemephis het volgende:
Staat alles toevallig in een map? Want het lijkt erop dat er geen index.html of .php is..
edit: weet je zeker dat je alle rechten goed hebt toegekend?..
Licht er een beetje aan wat er mogelijk is bij je host.quote:Op vrijdag 16 augustus 2013 09:35 schreef SV-Spakenburg het volgende:
[..]
Er is een index.php, en ik denk dat het aan de rechten ligt indd. Maar hoe los ik dit op?
De vorige eigenaar heeft het geüpload, en hij zegt dat apache geen rechten heeft tot de user map.. maar hoe los ik dat op?quote:Op vrijdag 16 augustus 2013 11:10 schreef Maringo het volgende:
[..]
Licht er een beetje aan wat er mogelijk is bij je host.
1. Via FTP. Naar de eigenschappen van de hoofdmap en RWXR-XR-X (755) recursief toekennen.
2. Via SSH. Naar de hoofdmap navigeren en chmod -R 775 runnen
3. Of misschien een optie in het control panel van je host. Maar dat zou ik niet weten zonder het te zien.
Maar eerlijk gezegd lijkt het me raar dat je zelfs geen recht heb op inzicht van de index.php terwijl je het alleen maar geüploadt hebt..
Check ook de .htaccess, daar kan misschien iets instaan wat een 403 error creëert.
Niet.quote:Op vrijdag 16 augustus 2013 11:46 schreef SV-Spakenburg het volgende:
[..]
De vorige eigenaar heeft het geüpload, en hij zegt dat apache geen rechten heeft tot de user map.. maar hoe los ik dat op?
1 2 3 4 5 6 7 8 9 10 11 | # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress |
Die eerste <H1> is er niet op elke pagina. Is dat wel aan te raden, elke pagina een <H1> geven? De websitenaam is ook nog niet heel bekend, kan ik 'm dan niet beter achter de trefwoorden zetten, waar waarschijnlijk eerder op gegoogled zal worden? Of zorgt de websitenaam voorop juist voor een betere indexering?quote:Op zaterdag 31 augustus 2013 20:31 schreef n8n het volgende:
Eerst de naam van je website! Daarna (eventueel) de titel van je pagina (dus wat in de eerste h1 staat)
usabilty, mensen hebben tabs, kan weinig text op dus ze willen eerst de naam zien ter herkenning. Titel van de pagina erna zodat ze weten waar ze waren op je site. Google geeft geen neuk, semantiek, laadtijden en relevante content zijn van belangquote:Op zaterdag 31 augustus 2013 20:45 schreef pascal08 het volgende:
[..]
Die eerste <H1> is er niet op elke pagina. Is dat wel aan te raden, elke pagina een <H1> geven? De websitenaam is ook nog niet heel bekend, kan ik 'm dan niet beter achter de trefwoorden zetten, waar waarschijnlijk eerder op gegoogled zal worden? Of zorgt de websitenaam voorop juist voor een betere indexering?
google geeft zeker wel een neuk, de title is altijd zeer aanwezig en heeft dus ook een zeer hoge semantische value.quote:Op zaterdag 31 augustus 2013 21:07 schreef n8n het volgende:
[..]
usabilty, mensen hebben tabs, kan weinig text op dus ze willen eerst de naam zien ter herkenning. Titel van de pagina erna zodat ze weten waar ze waren op je site. Google geeft geen neuk, semantiek, laadtijden en relevante content zijn van belang
Neequote:Op zaterdag 31 augustus 2013 20:31 schreef n8n het volgende:
Eerst de naam van je website! Daarna (eventueel) de titel van je pagina (dus wat in de eerste h1 staat)
Nee, al een paar jaar niet meer. Het enige waar Google de titel nog voor gebruikt is in de weergave van het resultaat.quote:Op zondag 1 september 2013 10:01 schreef KomtTijd... het volgende:
[..]
google geeft zeker wel een neuk, de title is altijd zeer aanwezig en heeft dus ook een zeer hoge semantische value.
Ik denk zelfs de hoogste van je hele pagina, op de url na misschien.
Bron?quote:Op zondag 1 september 2013 14:06 schreef Maringo het volgende:
[..]
Nee, al een paar jaar niet meer. Het enige waar Google de titel nog voor gebruikt is in de weergave van het resultaat.
quote:
quote:Op zondag 1 september 2013 14:44 schreef pascal08 het volgende:
Uit de Google SEO Guide:
[ afbeelding ]
[ afbeelding ]
Ik had een kater dus ik kon niet meer typen dan dat. Wat ik bedoelde is dat je altijd de paginanaam eerst doet, dan pas de site naam.quote:
http://sixrevisions.com/c(...)ith-web-page-titles/quote:4. Using the Company/Site Name in All Web Pages
As previously said, Google displays up to 70 characters of a given page title in their SERPs. It does see longer ones, though, and despite what many SEO professionals preach, it isn’t a huge problem to have page titles that are greater than 70 characters in a page title.
Nevertheless, you need to think of what should and shouldn’t appear in the title. Many website owners tend to include their business name in the title, some of which can be very lengthy. What is even worse is that they want their name to appear first in every single web page.
Including your company name (unless it’s a search term that will likely be used), is unnecessary, and is consistent with some of the mistakes I’ve discussed earlier.p
Maar net of je usability het mogelijk seo verschil waard is.quote:Op zondag 1 september 2013 17:52 schreef picodealion het volgende:
[..]
Ik had een kater dus ik kon niet meer typen dan dat. Wat ik bedoelde is dat je altijd de paginanaam eerst doet, dan pas de site naam.
[..]
http://sixrevisions.com/c(...)ith-web-page-titles/
http://digitalfireflymark(...)e-most-website-pages
http://www.seomark.co.uk/seo-page-titles/
Als ik achter de computer zit, zal ik ze geven. Daar staan ze als bookmark.quote:
Mee eens, maar gaat dat dan niet ten koste van de ranking in de zoekmachines.quote:Op zondag 1 september 2013 18:05 schreef picodealion het volgende:
Ik zie aan de favicon wel op welke site ik ben. Ik ben erg blij dat FOK! in mijn tabs laat zien welk topic ik open heb, in plaats van dat er bij elke tab eerst helemaal "FOK! Forum" moet staan. Denk daar maar eens over na.
Zoekmachines kijken niet naar de titel voor de ranking.quote:Op zondag 1 september 2013 19:55 schreef pascal08 het volgende:
[..]
Mee eens, maar gaat dat dan niet ten koste van de ranking in de zoekmachines.
Oké, dus die titel is puur voor tabbladen en als naam voor het gevonden resultaat in Google?quote:Op zondag 1 september 2013 20:02 schreef Maringo het volgende:
[..]
Zoekmachines kijken niet naar de titel voor de ranking.
daar kijken ze wel naar om eerder genoemde reden, en het is zelfs de belangrijkste tag op je pagina.quote:Op zondag 1 september 2013 20:15 schreef pascal08 het volgende:
[..]
Oké, dus die titel is puur voor tabbladen en als naam voor het gevonden resultaat in Google?
Nee hoor, beide stellen niks meer voor voor de ranking. Sterker nog, hetgeen wat het meest telt voor de ranking, is welke woorden andere sites gebruiken om naar jouw site te linken plus de ranking van die site.quote:Op zondag 1 september 2013 20:32 schreef KomtTijd... het volgende:
[..]
daar kijken ze wel naar om eerder genoemde reden, en het is zelfs de belangrijkste tag op je pagina.
Ik weet niet hoe maringo erbij komt dat dat niet zo zou zijn, maar ik denk dat'ie in De war is met meta keywords ofzo.
Ik zie je punt, hangt wel een beetje van de website af. Bij artikelen liever eerste titel ja, bij bijvoorbeeld een webwinkel kan eerst de naam wel handig zijnquote:Op zondag 1 september 2013 18:05 schreef picodealion het volgende:
Ik zie aan de favicon wel op welke site ik ben. Ik ben erg blij dat FOK! in mijn tabs laat zien welk topic ik open heb, in plaats van dat er bij elke tab eerst helemaal "FOK! Forum" moet staan. Denk daar maar eens over na.
Dat is zeker het belangrijkste, maar dat wil niet zeggen dat de content en semantiek van je eigen pagina er helemaal niets meer toe doet.quote:Op zondag 1 september 2013 20:50 schreef Maringo het volgende:
[..]
Nee hoor, beide stellen niks meer voor voor de ranking. Sterker nog, hetgeen wat het meest telt voor de ranking, is welke woorden andere sites gebruiken om naar jouw site te linken plus de ranking van die site.
Dit dus. Ik ben heel erg benieuwd naar je bron Maringo want jouw uitspraak spreekt alle SEO advies tegen.quote:Op zondag 1 september 2013 21:02 schreef KomtTijd... het volgende:
[..]
Dat is zeker het belangrijkste, maar dat wil moet zeggen dat de content en semantiek van je eigen pagina er helemaal niets meer toe doet.
Meta-keywords worden niet meer gebruikt omdat die niet zichtbaar voorkomen op de pagina en dus geen semantische waarde hebben. Kortom je kunt er allerlei rommel in gooien die niets met de content te maken heeft.
De title tag daarentegen is altijd gegarandeerd prominent aanwezig. dat weten de zoekmachines ook, en daarom heeft die tag zo'n hoge waardering.
Top, bedankt.quote:Op zondag 1 september 2013 22:56 schreef mstx het volgende:
Base64 of iets wat er op lijkt, waarschijnlijk zal er gewoon een json array met alle ingestelde waarden in staan of iets vergelijkbaars.
1 2 3 4 5 6 7 8 9 | .horizontal_menu li { display:inline; list-style-type:none; padding-right:4px; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-decoration: none; } |
1 2 3 4 5 6 7 8 9 10 11 | .horizontal_menu a:link{ font-family:Tahoma, Geneva, sans-serif; font-size: 14px; text-decoration:none; } .horizontal_menu a:hover{ font-family:Tahoma, Geneva, sans-serif; font-size: 14px; text-decoration: underline; } |
1 2 3 4 5 6 7 8 9 10 11 12 | <script> function functie() { var start = ??? ... nog meer code... } </script> <form> <input type="text" id="start"> </form> <button type="button" onclick="functie();">tekst</button> |
1 2 3 4 5 6 | h1 { font-family: font size: etc etc } |
Je kunt hem compressen maar voor de rest maakt het niet zoveel uit.quote:Op vrijdag 6 september 2013 11:59 schreef karton2 het volgende:
Ik heb een .css bestand waarbij ik de 500+ regels zeker ga halen.
Mijn vraag is of aan een lang .css bestand nadelen kleven.
IDs, classes etc. schrijf ik overigens wel regel voor regel op, zoals:
[ code verwijderd ]
Zeker doen op de live omgeving, ook al zijn het een paar kb's die je eraf haalt het is toch mooi meegenomen.quote:Op vrijdag 6 september 2013 12:01 schreef boem-dikkie het volgende:
[..]
Je kunt hem compressen maar voor de rest maakt het niet zoveel uit.
Die paar kb's zullen tegenwoordig het verschil wel maken ja..quote:Op vrijdag 6 september 2013 14:35 schreef Black-Hole het volgende:
[..]
Zeker doen op de live omgeving, ook al zijn het een paar kb's die je eraf haalt het is toch mooi meegenomen.
Performance > all. Als we overal een paar kb's laten liggen terwijl we die wel kunnen besparen...quote:Op vrijdag 6 september 2013 14:46 schreef stefanhaan het volgende:
[..]
Die paar kb's zullen tegenwoordig het verschil wel maken ja..
Leuk en aardig. Maar die paar kb die je bespaart maakt waarschijnlijk echt 0,0 uit qua performance.quote:Op vrijdag 6 september 2013 14:54 schreef Black-Hole het volgende:
[..]
Performance > all. Als we overal een paar kb's laten liggen terwijl we die wel kunnen besparen...
Denk ook aan mobiele gebruikers. Maar wat vooral scheelt is het samenvoegen van meerdere files in 1 enkel bestand. Hoe minder http-requests, hoe sneller de pagina laadt.quote:Op vrijdag 6 september 2013 14:55 schreef stefanhaan het volgende:
[..]
Leuk en aardig. Maar die paar kb die je bespaart maakt waarschijnlijk echt 0,0 uit qua performance.
Zelfs dan bestand van 23kb wat naar 14kb gaat. Dat verschil maakt mobiel ook echt niet uit over 3G.quote:Op vrijdag 6 september 2013 15:06 schreef Tijn het volgende:
[..]
Denk ook aan mobiele gebruikers. Maar wat vooral scheelt is het samenvoegen van meerdere files in 1 enkel bestand. Hoe minder http-requests, hoe sneller de pagina laadt.
dat 3 of 4 keer wel. Hebben bij de mobiele versie fok ook behoorlijk geoptimaliseerd tot op het punt dat de upgrade sneller laadde dan de oude (oranje) versiequote:Op vrijdag 6 september 2013 15:09 schreef stefanhaan het volgende:
[..]
Zelfs dan bestand van 23kb wat naar 14kb gaat. Dat verschil maakt mobiel ook echt niet uit over 3G.
CTRL +F5 in Firefox en in je style.css kijken of je wel het goede plaatje aanroept.quote:Op maandag 9 september 2013 10:09 schreef stoeltafel het volgende:
Zie nu dat ik gelukkig heb logo ook .png heb ontvangen alleen nog steeds een witvlak in Firefox. In Chrome zie ik niks op de achtergrond.
quote:Op maandag 9 september 2013 10:18 schreef xzaz het volgende:
Ik neem aan dat je het logo schaalt? Laat die css classe is zien van .logo (oid?)
1 2 3 4 5 | background: url("../images/logo.png") repeat scroll 0 0 transparent; float: left; height: 86px; position: relative; width: 232px; |
Uhm nee, dat is alleen een vies woord als je het voor andere zaken dan tabulaire data gebruikt. In dit geval moet je gewoon een tabel gebruiken, divjes gebruiken om een tabel te simuleren is net zo smerig als tabellen voor de layout gebruiken.quote:Op maandag 9 september 2013 18:19 schreef karton2 het volgende:
Tabellen passen zich echter niet automatisch aan in hoogte en het is toch een vies woord wat ik her en der lees.
1 2 3 4 5 6 | function doeDit() { if (timer) clearTimeout(timer); timer = setTimeout(function() { doeDat(); }, 350); } |
1 2 3 4 5 6 7 8 9 | function doeDit() { if(typeof bezig === 'undefined') { doeDat(); bezig = true; } setTimeout(function() { delete bezig ; }, 350); } |
Het voordeel is dan toch dat je functie nog wordt aangeroepen nadat de timeout voorbij is?quote:Op maandag 9 september 2013 21:20 schreef Crutch het volgende:
setInterval?
en dan een check in je functie of ie bezig is of niet.
Het voordeel is dat je functie iedere <vul maar in> milliseconden wordt uitgevoerd, totdat jij zegt: "Ja ho, stop maar!"quote:Op maandag 9 september 2013 21:38 schreef pascal08 het volgende:
[..]
Het voordeel is dan toch dat je functie nog wordt aangeroepen nadat de timeout voorbij is?
1 2 3 | if(bezig) break; // vanaf hier alles wat ie moet doen als ie niet bezig is |
Als die functie continu blijft lopen, dan gaat er elke keer een request naar de server, want dat is wat er gebeurt in de functie. Lijkt me niet de bedoeling.quote:Op maandag 9 september 2013 21:58 schreef Crutch het volgende:
[..]
Het voordeel is dat je functie iedere <vul maar in> milliseconden wordt uitgevoerd, totdat jij zegt: "Ja ho, stop maar!"
Dan hoef je in die functie alleen maar te checken of het nodig is om uit te voeren met bijvoorbeeld:
[ code verwijderd ]
Waar is 'bezig' dan voor?quote:Op maandag 9 september 2013 23:23 schreef pascal08 het volgende:
[..]
Als die functie continu blijft lopen, dan gaat er elke keer een request naar de server, want dat is wat er gebeurt in de functie. Lijkt me niet de bedoeling.
Als de functie is aangeroepen wordt die variabele op true gezet. Zodra er weer een call komt, wordt dat stukje code met de if-statement niet uitgevoerd. Na 350ms wordt 'bezig' weer "undefined", zodat de functie opnieuw aangeroepen kan worden.quote:
Nog los van de rest van de oplossing vind ik het undefined maken van een variabele niet de netste manier. Het is gewoon een ja-nee vraag, dus zou je een boolean moeten gebruiken. True voor ja, false voor nee.quote:Op dinsdag 10 september 2013 23:28 schreef pascal08 het volgende:
[..]
Als de functie is aangeroepen wordt die variabele op true gezet. Zodra er weer een call komt, wordt dat stukje code met de if-statement niet uitgevoerd. Na 350ms wordt 'bezig' weer "undefined", zodat de functie opnieuw aangeroepen kan worden.
De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?quote:Op dinsdag 10 september 2013 23:40 schreef Light het volgende:
[..]
Nog los van de rest van de oplossing vind ik het undefined maken van een variabele niet de netste manier. Het is gewoon een ja-nee vraag, dus zou je een boolean moeten gebruiken. True voor ja, false voor nee.
Het klinkt alsof je iets heel erg aan het in elkaar hacken bent.quote:Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:
[..]
De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?
Qua snelheid zal het weinig tot niets schelen idd. Blijft alleen staan dat het netter is, en later ook weer sneller duidelijk. (Je moet het ook snel snappen als je over zes maanden een kleine aanpassing wilt doen.)quote:Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:
[..]
De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina. Ik zou dus ergens 'bezig' moeten initialiseren met false, dat zou netter zijn, dat ben ik met je eens. Verder is er toch geen verschil?
Dan begin je toch pas wanneer de pagina wel geladen is?quote:Op dinsdag 10 september 2013 23:42 schreef pascal08 het volgende:
[..]
De reden dat ik dat gedaan heb is omdat 'bezig' niet per sé gedefineerd is, bijvoorbeeld bij het laden van de pagina.
quote:Op dinsdag 10 september 2013 23:50 schreef Scorpie het volgende:
[..]
Het klinkt alsof je iets heel erg aan het in elkaar hacken bent.
6 maanden? Ik weet een uur later al niet meer waarvoor bepaalde regels waren.quote:Op dinsdag 10 september 2013 23:52 schreef Light het volgende:
[..]
Qua snelheid zal het weinig tot niets schelen idd. Blijft alleen staan dat het netter is, en later ook weer sneller duidelijk. (Je moet het ook snel snappen als je over zes maanden een kleine aanpassing wilt doen.)
Ik bedoel dat die variabele 'bezig' nog niet gedefinieerd is als de functie nog niet is aangeroepen. Na het laden van de pagina bijvoorbeeld. Ik zie alleen de noodzaak niet om 'bezig' eerst op false te zetten. Extra regel en geen performance winst. Leesbaarheid vind ik wel prima zo.quote:Op dinsdag 10 september 2013 23:53 schreef Tijn het volgende:
[..]
Dan begin je toch pas wanneer de pagina wel geladen is?
Hoezo een extra regel? Of je nou var bezig; hebt of var bezig = false; maakt toch niet uit?quote:Op woensdag 11 september 2013 00:00 schreef pascal08 het volgende:
[..]
Ik zie alleen de noodzaak niet om 'bezig' eerst op false te zetten. Extra regel en geen performance winst. Leesbaarheid vind ik wel prima zo.
quote:Op woensdag 11 september 2013 00:04 schreef Tijn het volgende:
[..]
Hoezo een extra regel? Of je nou "var bezig;" hebt of "var bezig = false;" maakt toch niet uit?
De reden dat je 'm wel op false wilt initialiseren lijkt me duidelijk: hij is niet bezig. Als je de inhoud van de variabelen van je eigen programma niet kunt vertrouwen, waar kun je dan nog wel van op aan?
1 2 3 4 5 6 7 8 9 | function doeDit() { if(typeof bezig === 'undefined') { doeDat(); bezig = true; } setTimeout(function() { delete bezig ; }, 350); } |
1 2 3 4 5 6 7 8 9 10 | var bezig = false; function doeDit() { if(typeof bezig === 'undefined') { doeDat(); bezig = true; } setTimeout(function() { delete bezig ; }, 350); } |
Over variabele scopes heb ik laatst wel een stuk uit m'n boek gelezen. Blijkbaar is dat niet blijven hangen.quote:Op woensdag 11 september 2013 00:08 schreef Tijn het volgende:
Het is echt nasty om je variabelen helemaal niet te declareren. Bovendien maak je op deze manier alles global, dat is ook niet echt aan te raden.
Een functie disablen voor een x aantal milliseconden ná het aanroepen van deze functie.quote:Op woensdag 11 september 2013 00:13 schreef Tijn het volgende:
Wat is nou eigenlijk de bedoeling van dit hele gebeuren?
1 2 3 4 5 6 7 | function foo() { bar(); } function bar() { //Deze functie mag nu de komende x aantal milliseconden niet meer worden uitgevoerd. } |
Dat dus. Lijkt wel alsof hij eigenlijk functie aanroepen moet gaan batchen.quote:Op woensdag 11 september 2013 00:23 schreef Tijn het volgende:
Maar waarom dan? En sowieso, waarom wil je die hele functie uitschakelen? Je kunt toch gewoon binnen bar() een if-statement maken waarin iets al dan niet wordt uitgevoerd?
1 2 3 4 5 6 7 8 9 10 11 12 13 | var allowed = true; function doIt() { if(allowed) { allowed = false; setTimeout(function() { allowed = true; }, 350); // doe hier iets } } |
Dat doe ik toch ook? Alleen die variabele in de if-statement zou eigenlijk een bool moeten zijn.quote:Op woensdag 11 september 2013 00:23 schreef Tijn het volgende:
Maar waarom dan? En sowieso, waarom wil je die hele functie uitschakelen? Je kunt toch gewoon binnen bar() een if-statement maken waarin iets al dan niet wordt uitgevoerd?
Wat is het bezwaar tegen die ongedefinieerde globals dan?quote:Op woensdag 11 september 2013 01:14 schreef Tijn het volgende:
Nou, een bool bestaat niet echt in Javascript, dus dat maakt niet zoveel uit Het is wel logischer om een true/false waarde te geven aan een variabele die als boolean gebruikt wordt, dat wel. Dat je ongedefinieerde globals midden in een functie aanmaakt vond ik persoonlijk kwalijker
kost geheugen en is gewoonweg niet netjes. Scoping is echt belangrijk.quote:Op woensdag 11 september 2013 09:09 schreef pascal08 het volgende:
[..]
Wat is het bezwaar tegen die ongedefinieerde globals dan?
Ik vind het meer nastier dat beide stukjes een totaal andere uitwerking gaan hebben.quote:Op woensdag 11 september 2013 00:08 schreef Tijn het volgende:
Het is echt nasty om je variabelen helemaal niet te declareren. Bovendien maak je op deze manier alles global, dat is ook niet echt aan te raden.
Het levert geen robuust programma op. Je moet code schrijven die je kunt vertrouwen. Als je je variabelen niet onder controle hebt, wordt het ontzettend complex om het overzicht te houden naarmate je programma groeit.quote:Op woensdag 11 september 2013 09:09 schreef pascal08 het volgende:
[..]
Wat is het bezwaar tegen die ongedefinieerde globals dan?
1 | setTimeout(functie, 1000); // merk op dat de haakjes achter de functieaanroep missen |
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 | function newmess(opt){ var xmlhttp; if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{ // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if(!opt){ var shout = document.getElementById('shout'); var s = shout.innerHTML.split("_"); var id = s[1]; xmlhttp.open("GET","shout/getshouts.php?id=" + id,true); xmlhttp.send(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200){ var r = xmlhttp.responseText.split("|dvqs|"); var g = 'Laatste bericht: <span style="color:#208AE6;">'; if(r[0] < 60){ g += r[0] + ' seconden</span> geleden.'; }else if(r[0] < 3600){ var g1 = Math.floor(r[0] / 60); var g2 = r[0] - (g1 * 60); g += g1 + ' minuten ' + g2 + ' seconden</span> geleden.'; }else if(r[0] < 86400){ var g1 = Math.floor(r[0] / 3600); var g2 = Math.round((r[0] - (g1 * 3600)) / 60); g += g1 + ' uren ' + g2 + ' minuten</span> geleden.'; }else if(r[0] < 31536000){ var g1 = Math.floor(r[0] / 86400); var g2 = Math.round((r[0] - (g1 * 86400)) / 3600); g += g1 + ' dagen ' + g2 + ' uren</span> geleden.'; }else{ g += 'Meer dan een jaar</span> geleden.'; } document.getElementById('hoelang').innerHTML = g; if(r[1] != ''){ shout.innerHTML = r[1] + shout.innerHTML; } if(srefresh == true){ setTimeout(newmess,1000); } } } }else{ var area = document.getElementById('shouttextarea'); var msg = encodeURIComponent(area.value); xmlhttp.open("GET","shout/getshouts.php?msg=" + msg,true); xmlhttp.send(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200){ if(xmlhttp.responseText == 'ok'){ area.value = ''; } } } } } |
IE cached schijnbaar die response.. dus moet k of een random iets in die url zetten of op de een of andere manier headers toevoegen die zeggen dat er geen cache moet zijn :Squote:Op woensdag 11 september 2013 15:28 schreef KomtTijd... het volgende:
...Kortom de loop werkt gewoon, maar er klopt iets niet in de rest van je functie?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |