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.
Iemand nog goede artikel resources zoals zeldman, Brad frost, informaton architects, signal vs noise maar ook dingen als alistapart, smashing, 24ways etc?
“Specialization is for insects”.—Robert Heinlein
Website aan het optimaliseren. Van 3,2MB en 142 requests naar 1,3MB met 19 requests 
Pats
Pats
“Specialization is for insects”.—Robert Heinlein
Dan moet je wel je best doen.
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
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?
moet er wel bij zeggen dat 46 van de js was die nog niet samengevoegd was, maar alsnog heb ik geen idee waarom er 42 snippets/libraries nodig zijnquote:
Op 
Geen verstand van js enzo maar daar ga ik het nog ff over hebben met de dev[ Bericht 0% gewijzigd door n8n op 21-04-2014 20:46:19 ]
“Specialization is for insects”.—Robert Heinlein
fonts kan je als base64 in de main css zetten, geen FOUT meer, 1 request voor alle fonts. Deze site heeft er 6 wat al vrij riant is.quote:Op maandag 21 april 2014 20:33 schreef Catch22- het volgende:
Dan moet je wel je best doen.
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
van ySlow
Moet nog de JS en gMaps toevoegen. Bij de JS zie ik nog genoeg mogelijkheden de size omlaag te halen. Voor gMaps ga ik waarschijnlijk over op afbeeldingen ipv. de Google API omdat het niet echt nodig is om een interactieve kaart te krijgen (plus dat er nu meteen bij het openen van de single page website wordt gevraagd om locatie-permissies).
In de Css zitten dus ook de fonts, zonder gzip is 371KB fonts van de 397
[ Bericht 2% gewijzigd door n8n op 22-04-2014 00:45:05 ]
“Specialization is for insects”.—Robert Heinlein
Iemand fatsoenlijke library om naar een volgende div te scrollen bij mousescroll of touch? Ik wil geen gebloate libraries waar ik weer drie andere libraries voor nodig heb. Kan zo even niet iets wat okay is vinden eigenlijk.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Script je zelf toch net zo makkelijk?
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?
Dan issie wel 33% groter dan als-ie niet base64 encoded is.quote:Op maandag 21 april 2014 20:40 schreef n8n het volgende:
[..]
iconfonts kan je als base64 in de main css zetten
Is ook de moeite niet. Ik heb liever elke request minder load dan 1x een fout minder. Daarbij gaat t dus niet eens per se sneller als de fontfile in hetzelfde requestblock meegaat.
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?
dat doe je weer teniet met gzip compressie.quote:Op maandag 21 april 2014 21:50 schreef Tijn het volgende:
[..]
Dan issie wel 33% groter dan als-ie niet base64 encoded is.
http://davidbcalhoun.com/(...)ges-and-when-not-to/
[ Bericht 13% gewijzigd door n8n op 22-04-2014 00:32:34 ]
“Specialization is for insects”.—Robert Heinlein
dat wel ja, single pager met alles er op en er aan dan krijg je datquote:Op maandag 21 april 2014 21:58 schreef KomtTijd... het volgende:
1,3MB voor een website vind ik nog steeds wel bizar veel.
“Specialization is for insects”.—Robert Heinlein
Dan nog. Je laadt alles in 1x in?quote:Op dinsdag 22 april 2014 00:15 schreef n8n het volgende:
[..]
dat wel ja, single pager met alles er op en er aan dan krijg je dat
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?
nee ik heb de css over 2 files verdeeld met main en extra content zodat ze naast elkaar geladen worden. De afbeeldingen zullen na de onload geladen worden. Er zijn ~300kb en 4 requests nodig om de pagina te zien opbouwen. Blijf mobiel daarvoor meestal wel onder de 3 sec. (800ms voor requests, 1200ms zou met 1mbs genoeg moeten zijn voor 300 kb). Wellicht de eerste css nog in 2en hakken.quote:
“Specialization is for insects”.—Robert Heinlein
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Was hier al eens besprokenquote:
Jarenlang braaf allerlei frameworks gebruikt, krijg je dit: http://vanilla-js.com/
Vanilla JS
var s = document.getElementById('thing').style;
s.opacity = 1;
(function fade(){(s.opacity-=.1)<0?s.display="none":setTimeout(fade,40)})();
jQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('#thing').fadeOut();
</script>
Wel knap dat vanilla js zonder <script> tag werkt
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.
👾
Laat ze developmenttijd en user experience impact ook meenemen.
Dat eerste is veel lager en het tweede nihiel
Dat eerste is veel lager en het tweede nihiel
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?
animeren met js/query libquote:
[..]
Was hier al eens besproken
Vanilla JS
var s = document.getElementById('thing').style;
s.opacity = 1;
(function fade(){(s.opacity-=.1)<0?s.display="none":setTimeout(fade,40)})();
jQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('#thing').fadeOut();
</script>
Wel knap dat vanilla js zonder <script> tag werkt
but why.
“Specialization is for insects”.—Robert Heinlein
Iemand hier al naar gekeken/is dit wat? http://component.io
“Specialization is for insects”.—Robert Heinlein
wordt zonder na te denken een lib gepakt van 100kb, soms alleen om een formulier te valideren. Is het niet zo dat veel net als bij css veel van de syntax al browser compatibele is. Css frameworks zijn helemaal verschrikkelijk, laadt honderden kb's aan de lelijkste troep in die je dwingt van je html troep te maken en je website gijzelt lelijke code te blijven gebruiken. Bahquote:
Op
“Specialization is for insects”.—Robert Heinlein
