DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Je gebruikt geen minifiers?quote:Op woensdag 29 mei 2013 17:47 schreef Catch22- het volgende:
Jawel allemaal wel, maar die gebruik ik eigenlijk niet
alleen voor css op sites (dan less). Voor applicaties niet. Misschien maar eens naar kijken. Maakt debuggen zo klote.quote:
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Debuggen doe je natuurlijk ook niet met geminifiede code (of überhaupt op je live-omgeving) hequote:Op woensdag 29 mei 2013 17:53 schreef Catch22- het volgende:
[..]
alleen voor css op sites (dan less). Voor applicaties niet. Misschien maar eens naar kijken. Maakt debuggen zo klote.
Nee maar soms gaat er iets mis in de liveomgeving dat niet op de devomgeving gebeurd.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Kheb dat qua JS eigenlijk nog nooit meegemaakt.
Maar meestal zet ik zowel een normaal script.js als een minifiede script.min.js online. Als er dan iets misgaat, kun je makkelijk de normale file even includen ipv de minifiede om te zien waar er wat gebeurt.
Maar meestal zet ik zowel een normaal script.js als een minifiede script.min.js online. Als er dan iets misgaat, kun je makkelijk de normale file even includen ipv de minifiede om te zien waar er wat gebeurt.
Hmm, ik heb een javascript vraagje. Ik ben voor een eigen projectje aan het proberen een ontcijferaar te maken voor de Vigenerecijfer (gewoon eens mijn skills op de proef stellen) en het eerste deel daarvan is in een lang stuk tekst herhalende strings herkennen.
Wat ik wil bereiken is dat gedurende het draaien van het script er output in een veld komt te staan zodat je ziet waar hij mee bezig is. Hiervoor gebruik ik een functie die met .append() tekst toevoegt aan het log blok terwijl de code draait. Alleen als ik nu een lang stuk tekst als input geeft gaat hij eerst alles verwerken en output daarna alle logregels in een keer. De console.log() die ik tussendoor heb staan output wel gedurende het script. Hoe kan ik zorgen dat dat ook gebeurt met de eigen logregels die ik probeer te plaatsen?
Zie http://files.litso.com/vigenere/, verre van af en de structuur van de js is wat vreemd (opgezet volgens de coding standards van mijn werk) maar het lijkt me vrij vanzelfsprekende code.
Iemand een idee?
(overige opmerkingen op mijn js zijn uiteraard welkom, maar mijn doel is meer de logica zelf dan perfecte code opleveren)
Wat ik wil bereiken is dat gedurende het draaien van het script er output in een veld komt te staan zodat je ziet waar hij mee bezig is. Hiervoor gebruik ik een functie die met .append() tekst toevoegt aan het log blok terwijl de code draait. Alleen als ik nu een lang stuk tekst als input geeft gaat hij eerst alles verwerken en output daarna alle logregels in een keer. De console.log() die ik tussendoor heb staan output wel gedurende het script. Hoe kan ik zorgen dat dat ook gebeurt met de eigen logregels die ik probeer te plaatsen?
Zie http://files.litso.com/vigenere/, verre van af en de structuur van de js is wat vreemd (opgezet volgens de coding standards van mijn werk) maar het lijkt me vrij vanzelfsprekende code.
Iemand een idee?
(overige opmerkingen op mijn js zijn uiteraard welkom, maar mijn doel is meer de logica zelf dan perfecte code opleveren)
Server Side Include (SSI) werkt niet
Hey, ik heb een vraagje over het gebruiken van een SSI. Ik probeer het navigatiemenu in de linkertabel te herhalen op elke page. Het komt erop neer dat ik alles goed lijk te doen (naar wat er op internet staat), maar toch krijg ik het niet aan de praat. Ik bekijk mijn pages tot nog toe steeds offline in de browser. Ik heb alles al geprobeerd op te slaan in .html/.shtml/.txt in verschillende combinaties.
Dit wil ik zien:
Dit zie ik:
En dit zijn de codes:
lesinhoud.shtml
Hey, ik heb een vraagje over het gebruiken van een SSI. Ik probeer het navigatiemenu in de linkertabel te herhalen op elke page. Het komt erop neer dat ik alles goed lijk te doen (naar wat er op internet staat), maar toch krijg ik het niet aan de praat. Ik bekijk mijn pages tot nog toe steeds offline in de browser. Ik heb alles al geprobeerd op te slaan in .html/.shtml/.txt in verschillende combinaties.
Dit wil ik zien:
Dit zie ik:
En dit zijn de codes:
lesinhoud.shtml
menu.htmlquote:<!--START TAGS-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--CHARSET-->
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<!--TITLE-->
<title>TITLE</title>
<!--STYLE SHEET REFERRAL-->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<table cellspacing="0" cellpadding="0">
<!--HEADER-->
<tr><td colspan="2"><img src="images/header.png" alt="Header" width="1024" height="200" /></td></tr>
<!--NAVIGATION MENU-->
<tr>
<td class="TD1" align="center">
<!--#include virtual="/includes/menu.html" -->
</td>
<!--CONTENTS-->
<td class="TD2"><h2>Kop 2</h2>
<p class="maintext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
</td>
</tr>
<!--END TAGS-->
</table>
</body>
</html>
En voor wie de stylesheet wil zien:quote:<div class="space1"></div>
<a href="index.html"><img src="images/knopindex.png" alt="Startpagina" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopindexhover.png'"
onmouseout="this.src='images/knopindex.png'" /></a>
<a href="lesinhoud.html"><img src="images/knoplesinhoud.png" alt="Lesinhoud" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplesinhoudhover.png'"
onmouseout="this.src='images/knoplesinhoud.png'" /></a>
<a href="oefenen.html"><img src="images/knopoefenen.png" alt="Oefenen" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopoefenenhover.png'"
onmouseout="this.src='images/knopoefenen.png'" /></a>
<a href="toets.html"><img src="images/knoptoets.png" alt="Toets" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoptoetshover.png'"
onmouseout="this.src='images/knoptoets.png'" /></a>
<a href="links.html"><img src="images/knoplinks.png" alt="Links" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplinkshover.png'"
onmouseout="this.src='images/knoplinks.png'" /></a>
quote:body{background-color:#E5E5E5;}
Table{width:1024px; margin-left:auto; margin-right:auto; border-collapse: collapse; background-color:#EADFB2;
-moz-box-shadow: 6px 6px 6px #888888;
-webkit-box-shadow: 6px 6px 6px #888888;
box-shadow: 6px 6px 6px #888888;}
td.TD1 {width:200px; height:568px; background-color:#0F0C08; vertical-align:top;}
td.TD2 {width:824px; height:568px; background-color:#EADFB2; vertical-align:top;}
h2 {text-align:center; margin-top:5%;}
img {border-style: none;}
p.maintext {padding-left:10%; padding-right:10%; padding-bottom:10%; font-family:"Georgia", Times New Roman, serif;}
div.space1 {margin-top: 35%;}
img.floatRight {float: right; margin-bottom: 50px;}
Ik geloof nooit dat jouw webserver een map /includes in de root heeft, laat staan dat jij daar toegang toe hebt.
-edit-
sterker nog:
-edit-
sterker nog:
http://httpd.apache.org/d(...)html#element.includequote:file
The value is a path relative to the directory containing the current document being parsed. It cannot contain ../, nor can it be an absolute path. Therefore, you cannot include files that are outside of the document root, or above the current document in the directory structure. The virtual attribute should always be used in preference to this one.
De site staat nog niet online, is een projectje voor schoolquote:Op donderdag 30 mei 2013 10:14 schreef Tijn het volgende:
Ondersteunt je host wel server side includes?
Maar ik kan het dus überhaupt niet zien, ook niet offline dus.
Hij staat nog niet op een serverquote:Op donderdag 30 mei 2013 10:17 schreef KomtTijd... het volgende:
Ik geloof nooit dat jouw webserver een map /includes in de root heeft, laat staan dat jij daar toegang toe hebt.
Maar kan ik menu.html dan beter gewoon tussen de rest zetten?
...je gebruikt wel een webserver?quote:
[..]
De site staat nog niet online, is een projectje voor school
Het moge duidelijk zijn dat ik een beginner benquote:
[..]
...je gebruikt wel een webserver?
Wat bedoel je?
Nee, uiteraard werken server side includes niet zonder server.quote:
[..]
De site staat nog niet online, is een projectje voor school
Wat staat er in de adresbalk?quote:
[..]
Het moge duidelijk zijn dat ik een beginner ben
Ik zorg ook gewoon dat ik in productie het loggen van stack traces en dergelijke aan- en uit kan zetten. Dat heb ik altijd al gedaan en maakt het leven een stuk makkelijker, want gebruikers geven nooit antwoord op je vragen.quote:Op woensdag 29 mei 2013 16:38 schreef Catch22- het volgende:
[..]
Nu maar even conditioneel in de pagina gezet, die checked of het een devomgeving is of niet.
[ Bericht 9% gewijzigd door Devv op 30-05-2013 10:27:14 ]
Goed punt! Ik zal m eens uploaden op de server van m'n schoool!quote:Op donderdag 30 mei 2013 10:20 schreef Tijn het volgende:
[..]
Nee, uiteraard werken server side includes niet zonder server.
Zorg dan gelijk dat het pad klopt. /includes/ gaat nooit werken, dat moet waarschijnlijk includes/ worden.quote:
[..]
Goed punt! Ik zal m eens uploaden op de server van m'n schoool!
En het zou ook nog kunnen dat je specifiek SSI aan moet zetten via een .htaccess file, als de web server überhaupt SSI ondersteunt.
Ik heb m onderhand gewoon tussen de rest gezet, dus de map includes is t probleem niet meerquote:Op donderdag 30 mei 2013 10:24 schreef Tijn het volgende:
[..]
Zorg dan gelijk dat het pad klopt. /includes/ gaat nooit werken, dat moet waarschijnlijk includes/ worden.
En het zou ook nog kunnen dat je specifiek SSI aan moet zetten via een .htaccess file, als de web server überhaupt SSI ondersteunt.
Okee, lijkt erop dat ie SSI niet ondersteunt. Hij wil .shtml al niet goed openen.
Wat raadt je me aan?
Ik wil:
- Een navigatiemenu zoals ik nu heb, dus met die imgs
- dat ik dus niet steeds dit hoef te kopieren naar elke nieuwe pagina
- het in de linker tablet zetten zoals nu
- Dat het werkt op de server van m'n school
Kan dit op een andere slimme manier? CSS doet geen plaatjes toch?
Ga ik nu proberen!quote:
Ondersteunt de server van je school PHP? Dan zou ik dat gebruiken.
[ code verwijderd ]
Haha is goed hoorquote:Op donderdag 30 mei 2013 10:32 schreef Tijn het volgende:
Als dit eenmaal voor elkaar is gaan we je uitfoeteren vanwege je vreselijke tabellen-layout
Ik heb gewoon ff de standaard uit de opdracht gebruikt Heb vroeger weleens iets HTML gedaan, nu meer aan het verdiepen wederom geen succes. Of moet menu dan ook .php zijn?
Nee, wat de menu-file is maakt niet uit. Lijkt erop dat je webserver geen PHP ondersteunt dan.
Mja... je zou een iframe kunnen gebruiken. Dat is niet zo'n geweldige oplossing, maar goed, het is niet alsof de rest van je HTML nou een semantisch pareltje is
Mja... je zou een iframe kunnen gebruiken. Dat is niet zo'n geweldige oplossing, maar goed, het is niet alsof de rest van je HTML nou een semantisch pareltje is
Haha hoe kom je daaaar nou weer bij?quote:Op donderdag 30 mei 2013 10:38 schreef Tijn het volgende:
Nee, wat de menu-file is maakt niet uit. Lijkt erop dat je webserver geen PHP ondersteunt dan.
Mja... je zou een iframe kunnen gebruiken. Dat is niet zo'n geweldige oplossing, maar goed, het is niet alsof de rest van je HTML nou een semantisch pareltje is
Toevallig iFrame code bij de hand die bij mij van toepassing zal zijn? (A) Jij weet dat vást uit je hoofd!
Gewoon zo:
Voor width en height moet je natuurlijk iets invullen dat een beetje logisch is op jouw website.
| 1 | <iframe src="menu.html" width="300" height="500"></iframe> |
Voor width en height moet je natuurlijk iets invullen dat een beetje logisch is op jouw website.
Krijg nou tieten, het werkt!quote:
Gewoon zo:
[ code verwijderd ]
Voor width en height moet je natuurlijk iets invullen dat een beetje logisch is op jouw website.
Alleen ff de borders en margins fixen! brb
Ik zou er niet zo 1-2-3 iets op weten. Voor mij lijkt het alsof mn venster hangt en dan inderdaad alles in 1 keer als output doet. Maar als ik meer tekst erin zet, dan vraagt ie of ie het script moet stoppen. Als ik dit doe, dan krijg ik wel de tekst tot dat moment. Dus het lijkt erop dat het wel goed doet, maar dat je het niet ziet omdat je browser hangt.quote:
Op mijn website wil ik graag "facebook like" buttons
ik heb er al 1 in de menu balk staan en deze werkt naar behoren.
nu wil ik graag per foto album een losse knop hebben
hierbij wil ik per fotoalbum een andere tekst bij de knop. en bijvoorkeur een voor ingestelde foto.
maar dat krijg ik helaas niet voor mekaar. hij neemt een tekst die ik in het verleden had in gesteld als meta name="description".
weet iemand hoe je die tekst weer kan veranderen. en vooral per knop
voor een voorbeedje
http://gerrit.jjameland.nl/?p=fotoalbum/bloemen
ik heb er al 1 in de menu balk staan en deze werkt naar behoren.
nu wil ik graag per foto album een losse knop hebben
hierbij wil ik per fotoalbum een andere tekst bij de knop. en bijvoorkeur een voor ingestelde foto.
maar dat krijg ik helaas niet voor mekaar. hij neemt een tekst die ik in het verleden had in gesteld als meta name="description".
weet iemand hoe je die tekst weer kan veranderen. en vooral per knop
voor een voorbeedje
http://gerrit.jjameland.nl/?p=fotoalbum/bloemen
Niet zo verwonderlijk. Je hebt alles sequentieel gemaakt. Beter kijk je naar callbacks die je kunt gebruiken om text te updaten e.d.quote:
Hmm, ik heb een javascript vraagje. Ik ben voor een eigen projectje aan het proberen een ontcijferaar te maken voor de Vigenerecijfer (gewoon eens mijn skills op de proef stellen) en het eerste deel daarvan is in een lang stuk tekst herhalende strings herkennen.
Wat ik wil bereiken is dat gedurende het draaien van het script er output in een veld komt te staan zodat je ziet waar hij mee bezig is. Hiervoor gebruik ik een functie die met .append() tekst toevoegt aan het log blok terwijl de code draait. Alleen als ik nu een lang stuk tekst als input geeft gaat hij eerst alles verwerken en output daarna alle logregels in een keer. De console.log() die ik tussendoor heb staan output wel gedurende het script. Hoe kan ik zorgen dat dat ook gebeurt met de eigen logregels die ik probeer te plaatsen?
Zie http://files.litso.com/vigenere/, verre van af en de structuur van de js is wat vreemd (opgezet volgens de coding standards van mijn werk) maar het lijkt me vrij vanzelfsprekende code.
Iemand een idee?
(overige opmerkingen op mijn js zijn uiteraard welkom, maar mijn doel is meer de logica zelf dan perfecte code opleveren)
Hmm, ik moet inderdaad eens kijken hoe ik dat met callbacks aan zou moeten pakken. Daar heb ik nog niet zoveel ervaring mee.
Ik wil meerdere kleine achtergrondafbeeldingen gebruiken maar een sprite is geen optie, desondanks wil ik wel het aantal http-requests inperken. Helaas heb ik op meerdere plekken in mijn .css de afbeeldingen nodig dus data:image is geen mogelijkheid zonder de .css enorm veel groter te maken. Nu had ik het idee om met .js eerst de data:image informatie client-side om te zetten naar .png-bestanden die ik kan aanspreken in mijn .css.
Stappen bij het laden van de pagina zouden dan zijn:
1) js leest een rits afbeeldingen in data:image encoding
2) js controle of de afbeeldingen reeds in het cache aanwezig zijn
3) js zet de ontbrekende afbeeldingen client-side om naar losse .png-bestanden
4) in css verwijs ik naar de zojuist gecreëerde bestanden
Weet iemand of dit mogelijk is? eventueel met virtuele bestanden/paden
[ Bericht 1% gewijzigd door n8n op 31-05-2013 03:54:47 ]
Stappen bij het laden van de pagina zouden dan zijn:
1) js leest een rits afbeeldingen in data:image encoding
2) js controle of de afbeeldingen reeds in het cache aanwezig zijn
3) js zet de ontbrekende afbeeldingen client-side om naar losse .png-bestanden
4) in css verwijs ik naar de zojuist gecreëerde bestanden
Weet iemand of dit mogelijk is? eventueel met virtuele bestanden/paden
[ Bericht 1% gewijzigd door n8n op 31-05-2013 03:54:47 ]
“Specialization is for insects”.—Robert Heinlein
Wil je 1 achtergrond die bestaat uit meerdere plaatjes, of wil je een slideshow?quote:
Ik wil meerdere kleine achtergrondafbeeldingen gebruiken maar een sprite is geen optie, desondanks wil ik wel het aantal http-requests inperken. Helaas heb ik op meerdere plekken in mijn .css de afbeeldingen nodig dus data:image is geen mogelijkheid zonder de .css enorm veel groter te maken. Nu had ik het idee om met .js eerst de data:image informatie client-side om te zetten naar .png-bestanden die ik kan aanspreken in mijn .css.
Stappen bij het laden van de pagina zouden dan zijn:
1) js leest een rits afbeeldingen in data:image encoding
2) js controle of de afbeeldingen reeds in het cache aanwezig zijn
3) js zet de ontbrekende afbeeldingen client-side om naar losse .png-bestanden
4) in css verwijs ik naar de zojuist gecreëerde bestanden
Weet iemand of dit mogelijk is? eventueel met virtuele bestanden/paden
Je zou toch gewoon de data als variables in je JS kunnen zetten en dan middels een loop-functie de src van de afbeeldingen aanpassen naar die variable?
animatie, dat is ook de reden dat de url() op meerdere plekken moet staan omdat er soms herhaling in zit en een tijdsrange voor een keyframe niet mogelijk isquote:
[..]
Wil je 1 achtergrond die bestaat uit meerdere plaatjes, of wil je een slideshow?
omdat het met background-size werkt ('retina' verkleining) en fluid is waardoor de bereiking van de achtergrondpositie vaak incorrect is.quote:
sorry ik volg je nietquote:
Je zou toch gewoon de data als variables in je JS kunnen zetten en dan middels een loop-functie de src van de afbeeldingen aanpassen naar die variable?
link naar de webpagina, de afbeeldingen zijn 64x64px. Ik wil uiteindelijk de css aanbieden om zo met 1 bestand emoticons in te laden. Omdat ik ook Fok! in gedachten heb wil ik ook kunnen animeren. Deze set komt gzipped uit op 70KB (raw 97KB) wat best netjes is voor deze resolutie afbeeldingen en ik vind het zonde als ik er dmv animatie veel meer van moet maken
[ Bericht 2% gewijzigd door n8n op 31-05-2013 10:50:12 ]
“Specialization is for insects”.—Robert Heinlein
Je hebt nieteens JS nodig als je de image-data in je CSS embed:
http://en.wikipedia.org/wiki/Data_URI_scheme#CSS
Maak je een apart CSS-bestand met alle image-data erin, dan heb je caching-technisch volgens mij ongeveer het zelfde bereikt als een sprite.
http://en.wikipedia.org/wiki/Data_URI_scheme#CSS
Maak je een apart CSS-bestand met alle image-data erin, dan heb je caching-technisch volgens mij ongeveer het zelfde bereikt als een sprite.
dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.quote:
Je hebt nieteens JS nodig als je de image-data in je CSS embed:
http://en.wikipedia.org/wiki/Data_URI_scheme#CSS
Maak je een apart CSS-bestand met alle image-data erin, dan heb je caching-technisch volgens mij ongeveer het zelfde bereikt als een sprite.
“Specialization is for insects”.—Robert Heinlein
Less.quote:
[..]
dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.
Tenzij het ook de gegeneerde css niet zo groot mag zijn.
Je kunt toch gewoon iedere afbeelding aan een aparte class hangen?quote:
[..]
dat heb ik nu maar hoe addresseer ik dat op meerdere locaties in m'n css zonder de hele codering van dezelfde afbeelding meerdere keren te moeten toevoegen. Heb ook gekeken voor een @import data:image maar dat is zover ik weet niet mogelijk zoals met fonts (waar je de fontnaam zo vaak kan gebruiken als nodig.
| 1 2 3 | .biggrin { background-image: url(data:asdfasdfasdfasdf)} .huillach { background-image: url(data:asdfasdfasdfasdf)} .nosmile { background-image: url(data:asdfasdfasdfasdf)} |
enz.
Veel slanker gaat het niet worden toch?
De rest van de styling hang je aan een generiekere selector, .smiley ofzo.
.
dat ja, ga toch voor iets grotere css, in 1 bestand of een extra import voor animaties. Het is niet anders.quote:
[..]
Less.
Tenzij het ook de gegeneerde css niet zo groot mag zijn.
“Specialization is for insects”.—Robert Heinlein
heb ik ook, in emoticons@64.css zijn de eerste regels voor instellingen, de rest is data Uri'squote:
[..]
Je kunt toch gewoon iedere afbeelding aan een aparte class hangen?
[ code verwijderd ]
enz.
Veel slanker gaat het niet worden toch?
De rest van de styling hang je aan een generiekere selector, .smiley ofzo.
SVG heeft voor mij geen meerwaarde, meer werk (compatibiliteit), grotere bestanden en het blijft pixelwerk
Kan ook nog met .gif werken, door de verkleining is de pixeligheid aan de randen heel klein maar toch stoort het me, denk toch dat het momenteel nog de beste optie is
“Specialization is for insects”.—Robert Heinlein
Hmm, ik ben hier even mee bezig geweest maar ik kom nog niet veel verder. Ik heb een en ander in een callback gezet en daarmee de performance verdubbeld dus dat is mooi, maar verder gebeurt er nog steeds het zelfde.quote:Op donderdag 30 mei 2013 16:17 schreef Scorpie het volgende:
[..]
Niet zo verwonderlijk. Je hebt alles sequentieel gemaakt. Beter kijk je naar callbacks die je kunt gebruiken om text te updaten e.d.
Ik snap eerlijk gezegd niet zo goed hoe ik een callback kan inzetten om te wachten tot een intensief script klaar is. Hoe dat werkt met ajax requests en animates snap ik nog wel, maar dat zijn geen dingen die de browser compleet in beslag nemen. Dat is wel waar ik tegen probeer te vechten.
Ik heb wat uitleg over callbacks gelezen maar een specifieke uitleg over dit probleem moet ik nog vinden. Ideeën? Ik ga in elk geval wel de jQuery source nog maar eens goed doorlezen om te zien hoe zij callbacks precies hanteren.
Ok, ik heb een oplossing gevonden die lijkt te werken. In plaats van in een keer door mijn enorme string heen te lopen met een for loop heb ik een wrapper functie geschreven die de for-loop simuleert, maar deze opbreekt in stukjes die ik zelf kan aangeven dmv arguments:
Initieel had ik alleen breakIntoPieces als functie, maar als ik daar argumenten in wil ontvangen moet ik ze ook weer versturen in de setTimeout call. Daar ergens lijkt nou juist het probleem op te treden dat de output moet wachten tot de pagina klaar is met laden.
Op deze manier houd ik de wrapper generiek en kan ik hem dus hergebruiken voor volgende secties van mijn project, maar heb ik wel de mogelijkheid in eerste instantie argumenten mee te sturen die echter niet de browser vast laten lopen.
De functie simuleert een for-loop, dus in plaats van
gebruik ik:
-edit-
Oh, dit werkt ook niet
[ Bericht 13% gewijzigd door picodealion op 01-06-2013 01:20:38 ]
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | var segmentedFor = function($aSteps, $aTotal, $aCallback) { // set some variables so we don't have to pass arguments into the looping function var $lSteps = $aSteps, $lTotal = $aTotal, $lCallback = $aCallback; var breakIntoPieces = function() { var $lStart = arguments.callee.start || 0; for (var $i = $lStart; $i < $lStart + $lSteps; $i++) { $lCallback($i); } var $lNext = arguments.callee.start = $lStart + $lSteps; if ($lNext < $lTotal) { setTimeout(arguments.callee, 10); } } } |
Initieel had ik alleen breakIntoPieces als functie, maar als ik daar argumenten in wil ontvangen moet ik ze ook weer versturen in de setTimeout call. Daar ergens lijkt nou juist het probleem op te treden dat de output moet wachten tot de pagina klaar is met laden.
Op deze manier houd ik de wrapper generiek en kan ik hem dus hergebruiken voor volgende secties van mijn project, maar heb ik wel de mogelijkheid in eerste instantie argumenten mee te sturen die echter niet de browser vast laten lopen.
De functie simuleert een for-loop, dus in plaats van
| 1 2 3 4 | for( i=0; i<100; i++) { // code } |
gebruik ik:
| 1 2 3 | segmentedFor( 10, 100, function(i){ // code }); |
-edit-
Oh, dit werkt ook niet
[ Bericht 13% gewijzigd door picodealion op 01-06-2013 01:20:38 ]
Kan iemand mij helpen om de span-labeltjes in de volgende JSFiddle op de juist plaats te krijgen?
Onder de header "juist" staat een voorbeeld van hoe ik het graag wil hebben. Ik krijg de labeltjes echter niet op de goede plek als ik geen
gebruik. De li-elementen zijn floated.
Iemand een idee?
http://jsfiddle.net/fRKXh/2/
Onder de header "juist" staat een voorbeeld van hoe ik het graag wil hebben. Ik krijg de labeltjes echter niet op de goede plek als ik geen
| 1 | position: absolute; |
Iemand een idee?
http://jsfiddle.net/fRKXh/2/
Om die zo over het hoekje te positioneren moet je sowieso absolute gebruiken, alleen niet relatief aan het document maar ten opzichte van de li.
Als je de li een 'position: relative' geeft kan je in een keer alle labeltjes op de goede plek positioneren. Alleen nog even een padding-top aan de li toevoegen om aan de bovenkant genoeg ruimte te scheppen voor het label dat boven de thumb uitsteekt.
Als je de li een 'position: relative' geeft kan je in een keer alle labeltjes op de goede plek positioneren. Alleen nog even een padding-top aan de li toevoegen om aan de bovenkant genoeg ruimte te scheppen voor het label dat boven de thumb uitsteekt.
Thanks, het is gelukt.quote:Op zaterdag 1 juni 2013 15:58 schreef picodealion het volgende:
Om die zo over het hoekje te positioneren moet je sowieso absolute gebruiken, alleen niet relatief aan het document maar ten opzichte van de li.
Als je de li een 'position: relative' geeft kan je in een keer alle labeltjes op de goede plek positioneren. Alleen nog even een padding-top aan de li toevoegen om aan de bovenkant genoeg ruimte te scheppen voor het label dat boven de thumb uitsteekt.
Ik wist niet dat je position: absolute afhankelijk kon laten maken door position: relative toe te voegen aan de parent.
http://jsfiddle.net/fRKXh/3/
Ik heb nog een vraagje.
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.Ik heb 't al gevonden. Laat maar.
Karma, wat doe je!!!
Ik moet iets met masonry gaan doen
Ik moet iets met masonry gaan doen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
http://n8n.nl/lab/compression/
ff een testje gedaan ivm filesize en dubbele resolute met verschilende compressies maar valt me beetje tegen qua bestandsgroottes
[ Bericht 0% gewijzigd door n8n op 04-06-2013 11:12:18 ]
ff een testje gedaan ivm filesize en dubbele resolute met verschilende compressies maar valt me beetje tegen qua bestandsgroottes
[ Bericht 0% gewijzigd door n8n op 04-06-2013 11:12:18 ]
“Specialization is for insects”.—Robert Heinlein
de jpg's wel met ~10% optimalisatie. de png's door png mini dat ~60% verwijderde (mede door 24>8bit). In de retina versies zie ik wel meer detail maar het is ook aardig fuzzy door de resizing van de browser (safari). image-rendering werkt zover ik weet ook nog niet in webkitquote:
“Specialization is for insects”.—Robert Heinlein
Balen. Ik vind het ook maar lastig, die retina-schermen. Kheb wel goede resultaten met SVG voor logo's en icoontjes enzo. Maar dat is lang niet voor alle afbeeldingen een optie.
http://mobile.smashingmag(...)sponsive-web-design/
dit artikel suggereert dat een dubbele resolutie met hogere compressie kan leiden tot betere kwaliteit met een lagere bestandsgrootte. Ga nog met .gif proberen en meerdere afbeeldingen proberen, besef me wel dat de huidige redelijk complex is.
dit artikel suggereert dat een dubbele resolutie met hogere compressie kan leiden tot betere kwaliteit met een lagere bestandsgrootte. Ga nog met .gif proberen en meerdere afbeeldingen proberen, besef me wel dat de huidige redelijk complex is.
“Specialization is for insects”.—Robert Heinlein
Theoretisch ziet een gifje er op een retina-scherm net zo goed uit als 8 bits png, omdat antaliasing niet zoveel doet wanneer de pixels kleiner zijn dan je kunt waarnemen.
met transparantie is dat niet helemaal waar, van de week gestest met 128x128px circels weergegeven op 32 bij 32, zag toch rafeligheid aan de randjes (waar ik me overheen moet zetten want ik heb animatie nodigquote:
Theoretisch ziet een gifje er op een retina-scherm net zo goed uit als png, omdat antaliasing niet zoveel doet wanneer de pixels kleiner zijn dan je kunt waarnemen.
)
“Specialization is for insects”.—Robert Heinlein
geloof me ik heb het geprobeerd: begin er niet aan (zie vorige pagina)quote:
Je kunt ook met CSS of JS een animatie maken natuurlijk
Bij meerdere afbeeldingen is het wel duidelijk dat ik voortaan alles op retina medium ga comprimeren. Bij reguliere foto's is de bestandsgrootte wel degelijk acceptabel en ik hoef niks dubbel op te slaan
“Specialization is for insects”.—Robert Heinlein
Gewoon een sprite verschuiven met JS is toch niet zo'n probleem?quote:
[..]
geloof me ik heb het geprobeerd: begin er niet aan (zie vorige pagina)
het is ook schaalbaar met ems of procenten: voorbeeld. In emoticons@64.css kan je de relatieve grootte van de emoticons aanpassen. Een sprite werkt niet omdat deze niet altijd correct verschuift en er overlap zichtbaar isquote:
[..]
Gewoon een sprite verschuiven met JS is toch niet zo'n probleem?
“Specialization is for insects”.—Robert Heinlein
Interessant artikel!quote:
http://mobile.smashingmag(...)sponsive-web-design/
dit artikel suggereert dat een dubbele resolutie met hogere compressie kan leiden tot betere kwaliteit met een lagere bestandsgrootte. Ga nog met .gif proberen en meerdere afbeeldingen proberen, besef me wel dat de huidige redelijk complex is.
Ik moet binnenkort ook eens gaan nadenken over het responsive maken van een website. Ja had al 3 jaar geleden gemoeten natuurlijk, maar beter laat dan nooit.
begin met alle px te vervangen door em en %, dat opent alvast veel deurenquote:
[..]
Interessant artikel!
Ik moet binnenkort ook eens gaan nadenken over het responsive maken van een website. Ja had al 3 jaar geleden gemoeten natuurlijk, maar beter laat dan nooit.
“Specialization is for insects”.—Robert Heinlein
Ik heb er niet superveel ervaring mee, maar het lijkt mij dat er toch wel iets te bedenken moet zijn dat goed werkt met een sprite eigenlijkquote:
[..]
Een sprite werkt niet omdat deze niet altijd correct verschuift en er overlap zichtbaar is
ik zet nu .gifs in een css-bestand met data uri's. voordeel is dat het alsnog 1 bestand is, nadeel is dat de data uri's wat meer ruimte innemen dan reguliere bestanden. Die korrelige randen neem ik dan maar op te koop toe, zie je toch alleen op reguliere resoluties en als je het weetquote:
[..]
Ik heb er niet superveel ervaring mee, maar het lijkt mij dat er toch wel iets te bedenken moet zijn dat goed werkt met een sprite eigenlijk
“Specialization is for insects”.—Robert Heinlein
Ja, op normale schermen ga je het wel zien natuurlijk. Maar op retina niet, daar is antialiasing eigenlijk overbodig.
Nu spijt dat ik geen screenshots heb gemaakt. Zal er als ik klaar ben wel een case profile van schrijvenquote:
Ja, op normale schermen ga je het wel zien natuurlijk. Maar op retina niet, daar is antialiasing eigenlijk overbodig.
“Specialization is for insects”.—Robert Heinlein
Screenshots hebben we mensen zonder high-res device weinig aanquote:
[..]
Nu spijt dat ik geen screenshots heb gemaakt. Zal er als ik klaar ben wel een case profile van schrijven
high-res screenshotsquote:
[..]
Screenshots hebben we mensen zonder high-res device weinig aan
ik kan natuurlijk ook gewoon de verschillende css-bestanden naast elkaar inladen. fuck screenshots als het inline gevisualiseerd kan worden 
heb nu alleen de versies niet apart opgeslagen
“Specialization is for insects”.—Robert Heinlein
Ik wil graag over mijn scherm een spoor van voetstapjes laten verschijnen en weer weggaan.
Ik heb alleen geen flauw idee met welke functies ik dit moet aanroepen. (ook deels door gebrek aan brede kennis van alle mogelijkheden. )
Iemand die me in de richting kan helpen met welke functies ik zo'n spoor kan creëren?
Ik snap dat je met een timer/delay telkens een plaatje kan laten opkomen, maar hoe laat ik het zeg maar telkens een stapje verplaatsen (en weer resetten naar een bepaalde positie om later weer te starten).?
Ik heb alleen geen flauw idee met welke functies ik dit moet aanroepen. (ook deels door gebrek aan brede kennis van alle mogelijkheden.
)Iemand die me in de richting kan helpen met welke functies ik zo'n spoor kan creëren?
Ik snap dat je met een timer/delay telkens een plaatje kan laten opkomen, maar hoe laat ik het zeg maar telkens een stapje verplaatsen (en weer resetten naar een bepaalde positie om later weer te starten).?
Is hier niet al een plugin oid van te verkrijgen? Eventueel met kattenpoten of hondenpoten dat je zelf het plaatje veranderd?quote:
Ik wil graag over mijn scherm een spoor van voetstapjes laten verschijnen en weer weggaan.
Ik heb alleen geen flauw idee met welke functies ik dit moet aanroepen. (ook deels door gebrek aan brede kennis van alle mogelijkheden.
Iemand die me in de richting kan helpen met welke functies ik zo'n spoor kan creëren?
Ik snap dat je met een timer/delay telkens een plaatje kan laten opkomen, maar hoe laat ik het zeg maar telkens een stapje verplaatsen (en weer resetten naar een bepaalde positie om later weer te starten).?
Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.quote:
[..]
Is hier niet al een plugin oid van te verkrijgen? Eventueel met kattenpoten of hondenpoten dat je zelf het plaatje veranderd?
Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.
Zoeken op ‘Mouse’ of ‘Pointer trails’:quote:
[..]
Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.
Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.
http://motyar.blogspot.nl(...)ils-with-jquery.html
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Niet getest, maar mijn eerste Google resultaat:quote:
[..]
Ongetwijfeld, en als iemand dat weet hoor ik het graag, maar tot op heden krijg ik alleen maar resultaten terug die er niets mee te maken hebben.
Vandaar mijn vraag welke functies ofzo hiervoor handig zijn, zodat ik mijn zoekresultaten hier meer op kan focussen.
http://geekswithblogs.net(...)e-page---jquery.aspx
Ik probeer een eenvoudige Windows 8/WP8 kalender te maken, maar zit met een opmaak probleem. Het is waarschijnlijk makkelijk op te lossen, maar ik kan er even niet uitkomen. Misschien dat iemand er een frisse blik op kan werpen.
Het probleem zit in de "ruler" van het maandoverzicht. Dat is het onderdeel van de kalender waarin de afkortingen van de dagen van de week staan (zondag tot en met zaterdag). Deze moet in zeven gelijke kolommen verdeeld worden, maar ze zijn nu ongelijk ondanks dat ik ze in tabel vorm opbouw (zie hieronder de vereenvoudigde opmaakcode).
In de onderstaande Fiddle heb ik de kolommen geaccentueerd door ze om en om een rode achtergrond te geven. Dan zie je goed dat de kolommen niet dezelfde breedte hebben.
http://jsfiddle.net/jB5ew/
De regels van belang zijn regel 272 tot en met regel 279.
[ Bericht 1% gewijzigd door Devv op 09-06-2013 11:21:29 ]
Het probleem zit in de "ruler" van het maandoverzicht. Dat is het onderdeel van de kalender waarin de afkortingen van de dagen van de week staan (zondag tot en met zaterdag). Deze moet in zeven gelijke kolommen verdeeld worden, maar ze zijn nu ongelijk ondanks dat ik ze in tabel vorm opbouw (zie hieronder de vereenvoudigde opmaakcode).
| 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 | <style> .table { display: table; position: relative; width: 100%; } .table-row { display: table-row; } .table-cell { display: table-cell; } </style> <div class="table"> <div class="table-row"> <div class="table-cell">Sun</div> <div class="table-cell">Mon</div> <div class="table-cell">Tue</div> <div class="table-cell">Wed</div> <div class="table-cell">Thu</div> <div class="table-cell">Fri</div> <div class="table-cell">Sat</div> </div> </div> |
In de onderstaande Fiddle heb ik de kolommen geaccentueerd door ze om en om een rode achtergrond te geven. Dan zie je goed dat de kolommen niet dezelfde breedte hebben.
http://jsfiddle.net/jB5ew/
De regels van belang zijn regel 272 tot en met regel 279.
[ Bericht 1% gewijzigd door Devv op 09-06-2013 11:21:29 ]
Waarom gebruik je hier in godsnaam niet gewoon een table voor? Het is een kalender, dus dat kan prima in een table zou gewoon een tabel moeten zijn met een <thead> voor de dagnamen en de dagen dan in de <tbody>.
Nee.
Omdat ik met deze opzet meer flexibiliteit in de opmaak krijg.quote:
Waarom gebruik je hier in godsnaam niet gewoon een table voor?
zou nog eerder een list gebruiken ipv die teringbende die het nu is
“Specialization is for insects”.—Robert Heinlein
Je html-structuur is identiek aan een tabel joh, alleen dan met divjesquote:
[..]
Omdat ik met deze opzet meer flexibiliteit in de opmaak krijg.
Het is toch gewoon tabulaire data, dus waarom zou je gaan lopen pielen met het faken van een tabel met divjes of er een list van maken? Een headerkolom met de dagen, een eventuele caption voor de maand-naam, cellen voor de verschillende dagen. Klaar
Nee.
Is het met een <thead> ook mogelijk om deze onafhankelijk van de onderliggende rijen te bewegen (links-, rechts-, naar boven- en onder te schuiven)?quote:
[..]
Je html-structuur is identiek aan een tabel joh, alleen dan met divjes
Ik zou de ruler inderdaad in een <table> kunnen stoppen. Het moet uiteindelijk gewoon een onafhankelijk onderdeel bovenop de kalender worden en dat kan ook met een <table>. Ik wil alleen weten waarom de opzet, zoals deze nu is niet werkt. Dus mijn vraag is waarom de cellen niet even breed zijn.
[ Bericht 7% gewijzigd door Devv op 08-06-2013 18:58:59 ]
ik zou graag het volgende willen weten
als ik dit heb:
font-family: "Daniela", verdana;
font-size: 28px;
het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?
als ik dit heb:
font-family: "Daniela", verdana;
font-size: 28px;
het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?
http://stackoverflow.com/(...)nt-family-falls-backquote:
ik zou graag het volgende willen weten
als ik dit heb:
font-family: "Daniela", verdana;
font-size: 28px;
het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
dank je! Ik snap het alleen niet.quote:
[..]
http://stackoverflow.com/(...)nt-family-falls-back
Ik moet het Remy Sharp's font detection script toevoegen. Maar de uitleg bij dat script snap ik niet. Moet ik die twee stukjes scripts nog toevoegen aan font.js, of ergens anders (waar?)
waarom gebruik je geen procenten/em's? Als de verschillen in grootte niet bijster groot zijn zou ik het gewoon laten voor wat het is. Zo vaak zal het toch niet voorkomen dat een font-bestand niet ingeladen kan worden?quote:
ik zou graag het volgende willen weten
als ik dit heb:
font-family: "Daniela", verdana;
font-size: 28px;
het lettertype Daniela wordt vervangen door verdana indien niet beschikbaar, maar ik wil de verdana in een andere font-size. Hoe doe ik dat?
“Specialization is for insects”.—Robert Heinlein
Ik ben bezig met een grote site (45mb). Deze site moet offline, alleen het contact formulier moet online blijven staan. Hoe kan ik dit het beste doen. De link van de contact is url.nl/contact
Ik zou eventueel een foto van de contact pagina kunnen maken en die alleen uploaden of zijn er betere oplossingen te bedenken?
Ik zou eventueel een foto van de contact pagina kunnen maken en die alleen uploaden of zijn er betere oplossingen te bedenken?
Heel simpel, je hoeft maar 2 dingen te doen:quote:
Ik ben bezig met een grote site (45mb). Deze site moet offline, alleen het contact formulier moet online blijven staan. Hoe kan ik dit het beste doen. De link van de contact is url.nl/contact
Ik zou eventueel een foto van de contact pagina kunnen maken en die alleen uploaden of zijn er betere oplossingen te bedenken?
1) bel degene die die website gemaakt heeft
2) vraag hem/haar de pagina offline te halen op het contactformulier na.
Dat kan alleen doe het liever zelf, scheelt geld. Zit te denken om de site offline te halen en alleen een foto van het contact formulier te uploaden.
De beste optie is natuurlijk de contact pagina te laten staan. Zal is zoeken hoe ik dit het beste kan uitvoeren.
De beste optie is natuurlijk de contact pagina te laten staan. Zal is zoeken hoe ik dit het beste kan uitvoeren.
Lekkere webmaster heb je als dit klusje van 5 minuten al teveel geld kost.quote:
Dat kan alleen doe het liever zelf, scheelt geld.
Gedaan maar krijg een apache error. Vaag, pagina en mapje met content van css/2 plaatjes gekopieerd maar werkt dus niet. Even verder zoeken wat ik verkeerd doe.quote:
Oh, het is geen formulier.
Dan, sla de pagina op vanuit je browser en gooi dat online.
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |