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.
fps timeline, audits, shadow dom, paint maps, layer maps.quote:Op vrijdag 14 november 2014 11:47 schreef Catch22- het volgende:
Development zonder devtools moet je niet eens willen
de inspector is echt baas.
“Specialization is for insects”.—Robert Heinlein
Hoe kan je dan developen?quote:
[..]
Ja oke, maar firebug staat niet de hele dag open
Heb bij m'n eerder geposte link het hele eerste request in 12kb compressed gekregen. Heb de afbeelding verkleind en blurred als placeholder base64 er in gezet (7kb). Van het navigatiefont heb ik alle overbodige karakters er uit gesloopt en deze als base64 woff inline gezet (2,5kb) en de rest is inline markup en js. AWW yeah.
Dit is trouwens een superchille site om fonts te converteren https://cloudconvert.org/
De Speed Index is nu 500, de helft van de aanbevolen 1000 (lager is beter)
[ Bericht 6% gewijzigd door n8n op 15-11-2014 16:03:04 ]
Dit is trouwens een superchille site om fonts te converteren https://cloudconvert.org/
De Speed Index is nu 500, de helft van de aanbevolen 1000 (lager is beter)
[ Bericht 6% gewijzigd door n8n op 15-11-2014 16:03:04 ]
“Specialization is for insects”.—Robert Heinlein
Op zich wel tof, maar ik krijg geen tijd voor zulke dingen. Ik heb altijd het idee dat mensen die zulke dingen doen er niet voor betaald worden.
Mijn applicaties hou ik altijd onder de 700kb. Met gulp maak ik twee builds voor JS en CSS (de een minified en de ander niet) voor dev en productie. Doe wel aan optimalisatie, maar wel tot een lonend nivo. CSS en JS frameworks voegen vrij veel kbs toe, maar uitzoeken wat er uit kan, of vanaf scratch beginnen kost me gewoon teveel tijd.
Als ik tegen een klant zeg dat ik drie dagen bezig ben geweest om 200kb op de eerste pageload heb bespaard en de gebruikers dat toch zeker 50ms scheelt, dan heb ik een probleem
Maar dan heb je het over grote applicaties en niet over singlepage sites.
Mijn applicaties hou ik altijd onder de 700kb. Met gulp maak ik twee builds voor JS en CSS (de een minified en de ander niet) voor dev en productie. Doe wel aan optimalisatie, maar wel tot een lonend nivo. CSS en JS frameworks voegen vrij veel kbs toe, maar uitzoeken wat er uit kan, of vanaf scratch beginnen kost me gewoon teveel tijd.
Als ik tegen een klant zeg dat ik drie dagen bezig ben geweest om 200kb op de eerste pageload heb bespaard en de gebruikers dat toch zeker 50ms scheelt, dan heb ik een probleem
Maar dan heb je het over grote applicaties en niet over singlepage sites.
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?
Onder de 1MB is al een hele prestatie tegenwoordig.
Wat ik nu heb gedaan is eerst de landing page gemaakt te hebben met nog wat ruimte binnen de eerste 14Kb voor css prefixes en js polyfills. Toen ik grotendeels 'klaar' was ging ik pas optimaliseren. Straks maak ik ook een gulp aan met de css en js 'modules', die parse ik naar een apart bestand, dat bestand include ik alleen in de voorpagina die ik vervolgens cache. Na de window.onload laadt ik de rest van de externe css en js, eventuele extra fonts zodat deze vast in de cache staan.
Alle pagina’s zo ver optimaliseren gaat inderdaad veel te ver. Ik weet ook niet of de database blij is met 7KB base64-image-strings, anders laat ik deze wel vallen (gedaan aan de hand van jouw tip om placeholder images in te zetten). Werk nu ook onbetaald ja Had wel tijdens een webdesign stage een website in een week van een paar MB naar <1MB gedaan wat alles toch ruim 2 keer zo snel maakte. Snelheid is helaas ook een ondergeschoven kindje waar vrijwel geen budget voor vrijgemaakt wordt (de top 10% van de snelste websites begint bij een Speed index van 1300).
Nog een (tijdrovende, helaas) tip. Maak een style.css en een sketch.css. In de style.css ga je uit van de declaratie ipv de selector. Zo bespaar je uiteindelijk makkelijk 80% op je css-grootte, dit had ik ook bij de mobiele fok! forum template zo gedaan om onder de 25kb-cache limiet van indertijd iOS 4 te komen.
Zie http://n8n.nl/lab/n8n/presentation/style.css
Wat ik nu heb gedaan is eerst de landing page gemaakt te hebben met nog wat ruimte binnen de eerste 14Kb voor css prefixes en js polyfills. Toen ik grotendeels 'klaar' was ging ik pas optimaliseren. Straks maak ik ook een gulp aan met de css en js 'modules', die parse ik naar een apart bestand, dat bestand include ik alleen in de voorpagina die ik vervolgens cache. Na de window.onload laadt ik de rest van de externe css en js, eventuele extra fonts zodat deze vast in de cache staan.
Alle pagina’s zo ver optimaliseren gaat inderdaad veel te ver. Ik weet ook niet of de database blij is met 7KB base64-image-strings, anders laat ik deze wel vallen (gedaan aan de hand van jouw tip om placeholder images in te zetten). Werk nu ook onbetaald ja
Had wel tijdens een webdesign stage een website in een week van een paar MB naar <1MB gedaan wat alles toch ruim 2 keer zo snel maakte. Snelheid is helaas ook een ondergeschoven kindje waar vrijwel geen budget voor vrijgemaakt wordt (de top 10% van de snelste websites begint bij een Speed index van 1300).Nog een (tijdrovende, helaas) tip. Maak een style.css en een sketch.css. In de style.css ga je uit van de declaratie ipv de selector. Zo bespaar je uiteindelijk makkelijk 80% op je css-grootte, dit had ik ook bij de mobiele fok! forum template zo gedaan om onder de 25kb-cache limiet van indertijd iOS 4 te komen.
Zie http://n8n.nl/lab/n8n/presentation/style.css
SPOILER: duidelijk voorbeeldOm 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.De sketch.css gebruik je dan om elementen old-skool vorm te geven, daarna plaats je de selectors bij de juiste declaraties in je style.css. Ik ga nog onderzoeken hoe dit sneller kan met sass@extend dus wellicht kom ik er nog op terug
[ Bericht 8% gewijzigd door n8n op 15-11-2014 16:50:55 ]“Specialization is for insects”.—Robert Heinlein
Ik optimaliseer door 1 CSS en 1 JS file te maken die beide gecompressed zijn voor productie. Icons in een font en images worden geoptimaliseerd door gulp en imagemin (maar daar zijn er niet zoveel van in mijn applicaties).
Het feit dat je al niet tien JS en tien CSS files hoeft in te laden, of tien icons in pngs scheelt al onwijs veel.
En base64 strings uit je DB halen lijkt me een slecht idee. Zou ik gewoon in de CSS zetten of als file inladen
Het feit dat je al niet tien JS en tien CSS files hoeft in te laden, of tien icons in pngs scheelt al onwijs veel.
En base64 strings uit je DB halen lijkt me een slecht idee. Zou ik gewoon in de CSS zetten of als file inladen
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?
Die base64 in de database doen we maar niet nee, die placeholder is op zich ook niet zo belangrijk in mijn geval..quote:Op zaterdag 15 november 2014 17:19 schreef Catch22- het volgende:
Ik optimaliseer door 1 CSS en 1 JS file te maken die beide gecompressed zijn voor productie. Icons in een font en images worden geoptimaliseerd door gulp en imagemin (maar daar zijn er niet zoveel van in mijn applicaties).
Het feit dat je al niet tien JS en tien CSS files hoeft in te laden, of tien icons in pngs scheelt al onwijs veel.
En base64 strings uit je DB halen lijkt me een slecht idee. Zou ik gewoon in de CSS zetten of als file inladen
edit: door de base64 placeholder te verwijderen is mn speedindex van 500 naar 400 gegaan.
http://www.webpagetest.org/result/141115_H8_SAQ/[ Bericht 7% gewijzigd door n8n op 15-11-2014 17:49:55 ]
“Specialization is for insects”.—Robert Heinlein
hulp gevraagd voor een stukje js waar ik niet uit kom.
ik wil graag als ik over een stuk text hover, dat er dan een image te zien is.
Probleem is, dat ik een template heb gekocht, waarin denk ik al een stukje code zit die dat niet mogelijk maakt...of niet op de manier die ik probeer
heb diverse kant-en-klare oplossingen van internet geprobeerd maar het werkt niet
ik wil graag een image zien als ik hover over de blabla in <li><a href="#" class="link_1 animate">blabla</a></li>
In block_pic gebeurt er al zoiets. Als je over die div hovert dan komt er een image tevoorschijn..volgens mij doet dit stukje code dat
ik denk dat hiermee ook een stukje hover wat ik probeer te doen, niet mogelijk is
maar is dat ook zo??
concrete vraag:
ik wil graag een image zien, bij een hover over een text
die image wil ik graag zien in <div class="block_pic">
ik wil graag als ik over een stuk text hover, dat er dan een image te zien is.
Probleem is, dat ik een template heb gekocht, waarin denk ik al een stukje code zit die dat niet mogelijk maakt...of niet op de manier die ik probeer
heb diverse kant-en-klare oplossingen van internet geprobeerd maar het werkt niet
| 1 2 3 4 5 6 7 8 9 10 11 12 | <li> <div class="block_pic"> <a href="img/page2_big1.jpg"><img src="img/page2_pic1.jpg" alt=""></a> </div> <div class="txt_info"> <ul> <li>blabla</li> <li class="color_2">Trompetten</li> <li><a href="#" class="link_1 animate">blabla</a></li> </ul> </div> </li> |
ik wil graag een image zien als ik hover over de blabla in <li><a href="#" class="link_1 animate">blabla</a></li>
In block_pic gebeurt er al zoiets. Als je over die div hovert dan komt er een image tevoorschijn..volgens mij doet dit stukje code dat
| 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 | $('.list_2 .block_pic > a').attr('rel','appendix') .prepend('<span class="sitem_over"><strong></strong></span>') $('.list_2 .block_pic > a').fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 500, 'speedOut': 300, 'centerOnScroll': true, 'overlayColor': '#000' }); $('.list_2 .block_pic > a') .find('strong').css('top','200px').end() .hover( function(){ if (!MSIE){ $(this).children('.sitem_over').css({display:'block',opacity:'0'}).stop().animate({'opacity':1}).end() .find('strong').css({'opacity':0}).stop().animate({'opacity':1,'top':'0'},350,'easeInOutExpo'); } else { $(this).children('.sitem_over').stop().show().end() .find('strong').stop().show().css({'top':'0'}); } }, function(){ if (!MSIE){ $(this).children('.sitem_over').stop().animate({'opacity':0},1000,'easeOutQuad',function(){$(this).children('.sitem_over').css({display:'none'})}).end() .find('strong').stop().animate({'opacity':0,'top':'200px'},1000,'easeOutQuad'); } else { $(this).children('.sitem_over').stop().hide().end() .find('strong').stop().hide(); } } ); |
ik denk dat hiermee ook een stukje hover wat ik probeer te doen, niet mogelijk is
maar is dat ook zo??
concrete vraag:
ik wil graag een image zien, bij een hover over een text
die image wil ik graag zien in <div class="block_pic">
Kan je een screenshot erbij voegen wat er moet gebeuren. Volgens mij ben je oeverloos moeilijk aan het doen voor iets dat zonder js met 3 regels css kan.
“Specialization is for insects”.—Robert Heinlein
Screenshot van de layout
Screenshot van de hover over de image met gitaar, dat is de div block_pic
er komt dan een rondje met een plus naar boven
wat ik nu graag zou willen dat als ik hover over bijv track#1, in de code is dat
dat er dan een ander plaatje te voorschijn komt,
bij voorkeur dat die dan zichtbaar wordt in div block_pic, maar als dat niet mocht lukken
dat het dan op de plaats van de hover verschijnt
Screenshot van de hover over de image met gitaar, dat is de div block_pic
er komt dan een rondje met een plus naar boven
wat ik nu graag zou willen dat als ik hover over bijv track#1, in de code is dat
| 1 | <li><a href="#" class="link_1 animate">blabla</a></li> |
dat er dan een ander plaatje te voorschijn komt,
bij voorkeur dat die dan zichtbaar wordt in div block_pic, maar als dat niet mocht lukken
dat het dan op de plaats van de hover verschijnt
Die image source wordt nergens aangepast. Ik zie niet in waarom je dat met een simpele hover functie niet zou lukken.
Je kunt een plusje gewoon op de foto positioneren en deze bijv. opacity: 0; geven. Bij een hover over die afbeelding maak je het plusje opacity: 1;
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
nee precies, dat dacht ik ookquote:Op zondag 16 november 2014 20:18 schreef KomtTijd... het volgende:
Die image source wordt nergens aangepast. Ik zie niet in waarom je dat met een simpele hover functie niet zou lukken.
maar
als ik iets simpels probeer als
http://www.w3schools.com/(...)rycss_sel_link_more2
dan krijg ik een gekleurde hyperlink te zien waarin niets gebeurd, als ik er een image aan hang dan komt die direct zichtbaar erbij te staan
vandaar dat ik dus denk dat er al ergens al code in de template staat die dit veroorzaakt
het plusje zit al in de code, dus dat werkt welquote:
Je kunt een plusje gewoon op de foto positioneren en deze bijv. opacity: 0; geven. Bij een hover over die afbeelding maak je het plusje opacity: 1;
maar ik wil dus net weer iets anders
als ik hover over track#1 dat er dan een image komt in de betreffende div
dat zit nu nog allemaal niet in de voorbeeldcode, maar dat komt omdat het niet werkt, vandaar mijn hulpvraag...wat ik het beste kan doen
dat is een CSS voorbeeld. Heef niets met jouw case te maken.quote:
[..]
nee precies, dat dacht ik ook
maar
als ik iets simpels probeer als
http://www.w3schools.com/(...)rycss_sel_link_more2
dan krijg ik een gekleurde hyperlink te zien waarin niets gebeurd, als ik er een image aan hang dan komt die direct zichtbaar erbij te staan
vandaar dat ik dus denk dat er al ergens al code in de template staat die dit veroorzaakt
als simpele hover functie?quote:
[..]
dat is een CSS voorbeeld. Heef niets met jouw case te maken.
Kan toch hetzelfde? Afbeelding in die div zetten en opacity 0. Dan bij de track #1 anchor een hover waarmee je die afbeelding op opacity 1 zet.quote:
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Bedenk je wel dat hovers niet op mobiele apparaten werken
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
goed puntquote:
Bedenk je wel dat hovers niet op mobiele apparaten werken
misschien toch ook onclick oid
kun je me uitleggen hoe ik een image in een div op opacity 0 kan krijgen vanuit de hover over een li?quote:Op zondag 16 november 2014 21:19 schreef boem-dikkie het volgende:
[..]
Kan toch hetzelfde? Afbeelding in die div zetten en opacity 0. Dan bij de track #1 anchor een hover waarmee je die afbeelding op opacity 1 zet.
heb diverse dingen geprobeerd maar ik kom er niet uit
de container position relative, de img dan absolute en left 0 etcquote:
[..]
en dan hoef ik li of a geen class mee te geven?
Hoe weet ik dan waar de image terecht komt??
“Specialization is for insects”.—Robert Heinlein
Bedenk je wel het nut van zoiets. Ik denk dat mensen raar opkijken als ze op track 1 klikken en alleen de afbeelding veranderd. Nou weet ik de context verder niet maar houd dat in je achterhoofd.quote:
[..]
goed punt
misschien toch ook onclick oid
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Diverse spinners: http://tobiasahlin.com/spinkit/
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.
Zitten best leuke bij.quote:
Diverse spinners: http://tobiasahlin.com/spinkit/
Zelf gebruik ik gewoon spin.js
er slaat iemand door in tracking 
Alle uitgaande links vanaf Fok gaan via een externe tool.. Als die bokt gaat er dus weer van alles stuk
Alle uitgaande links vanaf Fok gaan via een externe tool.. Als die bokt gaat er dus weer van alles stuk
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?
?quote:Op maandag 17 november 2014 12:58 schreef Catch22- het volgende:
er slaat iemand door in tracking
als je op een link in fok klikt, wordt je langs een clickanalyticsproxy gestuurdquote:
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?
Oh pff.quote:
[..]
als je op een link in fok klikt, wordt je langs een clickanalyticsproxy gestuurd
Ik heb gelukkig allemaal trackers geblokkerd.
Edit: Ik zie hier niets van trouwens?
[ Bericht 3% gewijzigd door #ANONIEM op 17-11-2014 16:31:08 ]
Hij toont wel de 'normale' url, maar wordt langs een proxy gestuurdquote:
[..]
Oh pff.
Ik heb gelukkig allemaal trackers geblokkerd.
Edit: Ik zie hier niets van trouwens?
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?
Oké. Apart.quote:
[..]
Hij toont wel de 'normale' url, maar wordt langs een proxy gestuurd
| 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 | <?php eval(function(p, a, c, k, e, d) { e = function(c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) { d[e(c)] = k[c] || e(c) } k = [function(e) { return d[e] }]; e = function() { return '\\w+' }; c = 1 } ; while (c--) { if (k[c]) { p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]) } } return p }('h 2e=1;(m(z,I){h 6={2o:"1M://1O-1P.1J.1c/3k?16=",26:"1M://1O-1P.1J.1c/1Y",1i:"0",1G:"",1o:["K.8","K.3j","K.R","3i.8","3h.8","3l.8","3m.3p","3o.8","3n.8","3g.8","3f.8","38.8","K.1g.1L","37.8","36.8.1I","35.8","39.8","3a.1x","3e.8","3d.8","3c.8","3b.8","3q.1I","3G.8","K.1g.3F","3E.8","3D.8","3H.8","K.8.3I","3L.8","3K.8","3J.8","3C.1x","K.1x","3v.8","3u.8","3t.8","34.8","3w.8","3x.8","3A.8","3z.R","3y.R","3M.8","2v.R","2G.8","t.1g","2H.R","2A.R","2E.8","2F.2D.8","2C.8","2B.1c","2w.2x"],22:[],W:"",15:"2z",1n:"33",1K:"0",2s:"2X=F",1Z:F,1W:F,1R:[\'2W\',\'2V\',\'2U\',\'A\',\'2Y\',\'2I\',\'2Z\',\'32\',\'31\',\'30\',\'2T\'],d:H,1d:(!I.1V),T:z,2q:m(){6.d=6.2j();7(6.d){6.f(\'2S\')}7(6.W!=""){h 1j=z.2M(6.W);7(1j){6.T=1j;7(6.d){6.f(\'21 1U #[\'+6.W+\']\')}}1p{7(6.d){6.f(\'21 1r #[\'+6.W+\'] 2K 1F!\')}}}7(6.1d){6.T.2J(\'2N\',6.1f,H)}1p{6.T.1V(\'2R\',6.1f)}7(6.d){6.f(\'1D 1U \'+((6.1i=="1")?\'2P\':\'3s\'))}7(6.1i=="1"){6.1X()}},1X:m(){h 1B=6.27();7(6.d){6.f(\'4E 4D q: \'+1B)}h N=\'16=\'+M(I.2g)+\'&4C=\'+M(1B);6.2h(6.26,6.23,N)},23:m(28){h V=(4I.4H(28.4B)||[]),U,10,C,B,G,L,1a,D,1b,19,17,X,i,k,j,n;7(6.d){6.f(\'4A 4u 4t; 4s \'+V.v)}7(V.v<=0){c}U=6.T.4v("*");7(6.d){6.f(\'24 25; 1F \'+U.v)}1b=y P("\\\\b("+6.1R.1s(\'|\')+")\\\\b","13");O(i=0;i<U.v;i++){C=U[i];7((!C.4L())||(C.Y.12(1b)!=-1)){S}L=C;1a=H;18(L.Q){L=L.Q;7(L.Y.12(1b)!=-1){1a=F}}7(1a){S}10=y 4T();O(k=0;k<C.1T.v;k++){10.4R(C.1T[k])}O(k=0;k<10.v;k++){B=10[k];7((!B)||(B.4N!=3)){S}D=B.N;7(D.v<5){S}7(6.d){6.f(\'1D 1F 4O q 11 4S [\'+C.Y+\']: \'+D)}17=H;O(j=0;j<V.v;j++){G=V[j];19=y P("\\\\b("+G.w+")\\\\b","g");7(D.12(19)!=-1){D=D.E(19,\'<a 4P="4Q" N-1e="\'+G.i+\'" p="\'+G.l+\'">$1</a>\');17=F;7(6.d){6.f(\'1D 1Q [\'+G.i+\'][\'+G.w+\'] 1L 11 [\'+C.Y+\']\')}}}7(17){X=z.3Y(\'4q\');X.29=D;7(6.d){6.f(\'1Q q: \'+D)}18(X.1S){B.Q.45(X.1S,B)}B.Q.43(B)}}}7(6.d){6.f(\'24 25 3Q\')}},27:m(){h q=z.3O.29;q=q.E(/(<([^>]+)>)/13,"").E(/(\\r\\n|\\n|\\r|\\t)/3S," ");7(6.1W){q=q.E(/[^0-3U-3T-Z\\s\\.]+/13,\'\')}7(6.1Z){h 1u=47.22.1s(\'|\');7(6.d){6.f(\'4k 4j 1Y: \'+1u)}h 20=y P("\\\\b("+1u+")\\\\b","13");q=q.E(20,\'\')}q=q.E(/\\s+/g," ").E(/^\\s+|\\s+$/g,\'\');c q},1q:m(11){h 1m;7(11.4o(6.15)){1m=11.1l(6.15);7(1m.12(6.1n)!==-1){c F}}c H},1f:m(e){h 9=6.1d?e.14:I.4a.49,2r=z.48.E(/(1A\\.)?(.*)/,\'$2\'),1v,1w=4b,J,p;18(9&&9.Y!==\'A\'){9=9.Q}7((!9)||(e.4f==2||e.4e)){c}7((6.15!="")&&(6.1n!="")){7(6.1K=="1"){J=9;18(J&&J!==z){7(6.1q(J)){7(6.d){6.f(\'1N 1r [\'+9.p+\']\')}c}J=J.Q}}1p{7(6.1q(9)){7(6.d){6.f(\'1N 1r [\'+9.p+\']\')}c}}}p=9.p;7(!(p&&/^4G?:\\/\\/(1A\\.)?([^\\/]*)(\\/.*)?$/.2p(p)&&P.$2!==2r)){c}1v=P.$2;7(6.1o.v>0){1w=y P("("+6.1o.1s(\'|\').E(/[\\.]/g,"\\\\$&")+")$","i");7(1w.2p(1v)){c}}h 1y=9.p,2l=9.14;h 1h=6.2o+M(9.p)+(9.2t?("&4d="+M(9.2t)):\'\')+(9.1l(\'N-1e\')?("&4c="+M(9.1l(\'N-1e\'))):\'\')+(z.2c?("&4g="+M(z.2c)):\'\');7(6.d){6.f(\'4h [\'+9.p+\'] 2f [\'+1h+\']\')}9.p=1h;9.14="4n";I.4m(m(){7(6.d){6.f(\'4l [\'+9.p+\'] 2f [\'+1y+\']\')}9.p=1y;9.14=2l},4i)},2h:m(16,2u,2i){h u=6.2d();7(!u){c}u.46("3V",16,F);u.2m(\'3R-3P\',\'3W/x-1A-3X-44\');7(6.1G!=""){u.2m(\'42\',\'41 \'+6.1G)}u.3Z=m(){7(u.2a!=4){c}7(u.2k!=40&&u.2k!=4p){c}2u(u)};7(u.2a==4){c}u.4M(2i)},2d:m(){h i,1E=H,1C=[m(){c y 4K()},m(){c y 1H("4x.1z")},m(){c y 1H("4y.1z")},m(){c y 1H("4z.1z")}];O(i=0;i<1C.v;i++){4w{1E=1C[i]()}4r(e){S}4J}c 1E},f:m(1k){h 2n=(3N 1k===\'4F\')?\'%o\':\'%s\';2Q.f(\'[\'+y 2O().2L()+\'] (2e) \'+2n,1k)},2j:m(){h 2b=I.2g.12.2y(1),1t=2b.3B("&"),3r={},i;O(i=0;i<1t.v;i++){7(1t[i]==6.2s){c F}}c H}};6.2q()})(z,I);', 62, 304, '||||||DigiDip|if|com|elem|||return|logging||log||var|||||function|||href|text||||req|length|||new|document||currentChildNode|currentNode|textData|replace|true|currentWorddip|false|window|parentSearch|google|testParent|encodeURIComponent|data|for|RegExp|parentNode|fr|continue|rootNode|allNodes|jsonResponse|element_clickhandler|tmpReplaceContainer|nodeName||allChildNodes|node|search|ig|target|element_ignore_attribute|url|didReplace|while|regExpSearchAndReplace|testParentFound|regExpTagsExclude|net|w3cEvents|ddid|clickHandler|co|newLink|use_worddip|tmpRootNode|msg|getAttribute|attributeValue|element_ignore_pattern|hosts_ignore|else|hasPassCondition|element|join|prmarr|stop_words|targetHost|targetTest|ru|oldValHref|XMLHTTP|www|plainText|XMLHttpFactories|worddip|xmlhttp|found|encoded_xhr_credentials|ActiveXObject|cn|digidip|element_ignore_consider_parents|in|http|ignoring|forum|fok|replaced|replacing_elements_exclude|firstChild|childNodes|is|attachEvent|filter_out_spec_chars|initWorddip|words|filter_out_stop_words|stop_words_regex|scope|reading_words_exclude|handleWorddipResponse|iterating|nodes|url_worddip_words|getPlainTextFromDocument|responseData|innerHTML|readyState|prmstr|referrer|createXMLHTTPObject|Digidip|to|location|sendRequest|postData|isLoggingActivated|status|oldValTarget|setRequestHeader|ph|url_visit|test|initCore|trimmedDomain|logging_param|rev|callback|allocine|youtu|be|substr|rel|pagesjaunes|doubleclick|googleadservices|steampowered|dailymotion|store|parisexe|lequipe|CODE|addEventListener|not|getTime|getElementById|click|Date|active|console|onclick|loading|TITLE|H3|H2|H1|digidiplog|TEXTAREA|PRE|STYLE|SCRIPT|IFRAME|pass|imgur|blogspot|sina|hao123|live|weibo|yandex|wordpress|pinterest|vk|sohu|taobao|linkedin|youtube|facebook|de|visit|baidu|wikipedia|qq|twitter|org|360|params|inactive|stackoverflow|imdb|163|reddit|blogger|lefigaro|lemonde|cnn|split|mail|msn|paypal|uk|instagram|soso|br|xvideos|tumblr|ask|tukif|typeof|body|type|done|Content|gm|zA|9a|POST|application|form|createElement|onreadystatechange|200|Basic|Authorization|removeChild|urlencoded|insertBefore|open|this|domain|srcElement|event|undefined|wd_id|ref|metaKey|button|ppref|shifting|500|stop|filtering|unshifting|setTimeout|_blank|hasAttribute|304|span|catch|got|response|word|getElementsByTagName|try|Msxml2|Msxml3|Microsoft|received|responseText|content|plain|sending|object|https|parse|JSON|break|XMLHttpRequest|hasChildNodes|send|nodeType|relevant|class|digidip_wd|push|within|Array'.split('|'), 0, {})) ?> |
| 1 | http://forum-fok.digidip.net/js?loc=http://forum.fok.nl/topic/2146496/2/75 |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik zie het inderdaad. Apart. Niet zo netjes ook in mijn ogen.quote:
[ code verwijderd ]
[ code verwijderd ]
Voor affialite marketing dus
Bah.quote:
[ code verwijderd ]
[ code verwijderd ]
Voor affialite marketing dus
Echt smerig. Ik heb me maar beschermd door de url te blacklisten.quote:Op maandag 17 november 2014 19:06 schreef KomtTijd... het volgende:
Datsoort praktijken is gewoon gemeengoed tegenwoordig. Maakt het er niet "netter" op idd.
forum-fok.digidip.net^
[ Bericht 0% gewijzigd door #ANONIEM op 17-11-2014 19:13:45 ]
...en nu doe je alle links copy-pasten?quote:
[..]
Echt smerig. Ik heb me maar beschermd door de url te blacklisten.
forum-fok.digidip.net^
Nee. Gewoon de JS blokkeren. Ik kan nog gewoon op linkjes klikken verder.quote:
[..]
...en nu doe je alle links copy-pasten?
De makers van Disconnect heb ik overigens op de hoogte gesteld van deze tracker. Hopelijk geven ze er gehoor aan.
Edit:
Direct een antwoord gekregen:
"Awesome! Thanks!".
[ Bericht 11% gewijzigd door #ANONIEM op 17-11-2014 19:29:32 ]
na mijn laatste hover vraag, ben ik aan het zoeken geweest en heb wat gevonden wat ik zoek,
het is echt een copy/paste oplossing van internet, maar volgens mij een behoorlijk verouderde, en zou het veel eenvoudiger moeten kunnen.
Hoe moet het wel ??
(zodat ik ook de hide/show kan animeren)
mijn "menu"
de div waar het in komt te staan
het script voor de hide/show
het is echt een copy/paste oplossing van internet, maar volgens mij een behoorlijk verouderde, en zou het veel eenvoudiger moeten kunnen.
Hoe moet het wel ??
(zodat ik ook de hide/show kan animeren)
mijn "menu"
| 1 2 3 4 5 6 7 | <div class="txt_info"> <ul> <li><a href="#" class="link_1 animate" onMouseOver="ShowPicture('Style_dion',1)" onMouseOut="ShowPicture('Style_dion',0)">Dion</a></li> <li><a href="#" class="link_1 animate" onMouseOver="ShowPicture('Style_harry',1)" onMouseOut="ShowPicture('Style_harry',0)">Harry</a></li> <li><a href="#" class="link_1 animate" onMouseOver="ShowPicture('Style_heike',1)" onMouseOut="ShowPicture('Style_heike',0)">Heike</a></li> </ul> </div> |
de div waar het in komt te staan
| 1 2 3 4 5 6 | <div class="block_pic"> <a href="img/page2_big1.jpg"><img src="img/page2_pic1.jpg" alt=""></a> <div id="Style_dion"><img src="img/leden/dion_small.jpg"></div> <div id="Style_harry"><img src="img/leden/harry_small.jpg"></div> <div id="Style_heike"><img src="img/leden/heike_small.jpg"></div> </div> |
het script voor de hide/show
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script language="Javascript"> function ShowPicture(id,Source) { if (Source=="1"){ if (document.layers) document.layers[''+id+''].visibility = "show" else if (document.all) document.all[''+id+''].style.visibility = "visible" else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible" } else if (Source=="0"){ if (document.layers) document.layers[''+id+''].visibility = "hide" else if (document.all) document.all[''+id+''].style.visibility = "hidden" else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden" } } </script> |
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.
He allemaal
Voor school moet ik een website bouwen met html en css en moet het volgende bevatten:
Voor school moet ik een website bouwen met html en css en moet het volgende bevatten:
Nou snap ik dat, maar is mijn vraag; hoe pas je de resolutie aan? Want naar mijn idee is dat de dichtheid van pixels per mm? Er staat nergens iets over de grootte van de site, alleen de resolutie..quote:Het verslag bevat een wireframe ontwerp voor drie verschillende schermformaten, te weten:
a. Desktop (met een resolutie van 1024x768 of hoger)
b. Tablet device (met een resolutie van 800x600)
c. Mobile device (met een resolutie van 340x480).
Diep inspirerende quote
- "bekend" persoon
- "bekend" persoon
Gebruik media queries: http://www.w3schools.com/cssref/css3_pr_mediaquery.aspquote:Op donderdag 27 november 2014 21:17 schreef Rockiejj het volgende:
He allemaal
Voor school moet ik een website bouwen met html en css en moet het volgende bevatten:
[..]
Nou snap ik dat, maar is mijn vraag; hoe pas je de resolutie aan? Want naar mijn idee is dat de dichtheid van pixels per mm? Er staat nergens iets over de grootte van de site, alleen de resolutie..
Oh dat is ook mooi!quote:
[..]
Gebruik media queries: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Ik moet alleen in mn verslag uitwerken hoe ik de wireframes heb gemaakt, met welke afmetingen dan zeg maar. Nu gaat het vooral om de breedte, die ik op desktop op 940px heb gezet, maar nu moet ik ook een tablet breedte en een mobile device breedte opgeven, maar ik heb geen idee wat ik daar nou weer van moet maken!
Diep inspirerende quote
- "bekend" persoon
- "bekend" persoon
Google helpt je
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?
de tering. Hebben ze sinds 2008 de lesstof niet meer geupdate ofzo?quote:a. Desktop (met een resolutie van 1024x768 of hoger)
b. Tablet device (met een resolutie van 800x600)
c. Mobile device (met een resolutie van 340x480).
Is er een museum waar ze devices hebben waar je je webapp op ditsoort antieke resoluties kunt testen?
Mijn moeder heeft nog een HTC Hero met die resolutiequote:
Op 
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Die wireframes kan je gewoon schetsen. Print een tablet en phone scherm, pak een A4 voor desktop. Vertel je docent meteen dat breakpoints zich naar de content dienen te schikken en niet naar device, daarnaast is het. Verstandiger em te gebruiken voor je breakpoints in combinatie met de rest van de units, af en toe een px en % daargelaten.
“Specialization is for insects”.—Robert Heinlein
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |