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.
Hoe groot zou een slider foto moeten zijn? Ik wil namelijk een slider met misschien wel 20 fotos voor de front page. Hoeveel kb is dan goed per foto? 100k, 200k of 300kb? Iemand een tip.
geen sliders doen. Kijkt geen hond naar en kost je performance.
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 heb eronder knoppen, maar sliders zijn toch wel representatief? Maar het kost dus wel performance?quote:Op donderdag 4 juni 2015 16:39 schreef Catch22- het volgende:
geen sliders doen. Kijkt geen hond naar en kost je performance.
nee. Gebruikers zien het nauwelijks meer.quote:Op donderdag 4 juni 2015 16:47 schreef Apekoek het volgende:
[..]
Ik heb eronder knoppen, maar sliders zijn toch wel representatief? Maar het kost dus wel performance?
http://shouldiuseacarousel.com/
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?
Allright, dan denk ik dat ik het bij een minimale header, of slider hou met slechts 3 zaken. En dan de rest alleen met knoppen eronder.quote:Op donderdag 4 juni 2015 16:50 schreef Catch22- het volgende:
[..]
nee. Gebruikers zien het nauwelijks meer.
Ik vind ze pas irritant als er tekst in staan en ze te snel naar de volgende slide gaan 
Foto's kan prima vind ik. edit: nu ik erover denk is het misschien wel dat ik minder aandachtig naar de foto kijk dan
[ Bericht 17% gewijzigd door #ANONIEM op 04-06-2015 17:43:38 ]
Foto's kan prima vind ik. edit: nu ik erover denk is het misschien wel dat ik minder aandachtig naar de foto kijk dan
[ Bericht 17% gewijzigd door #ANONIEM op 04-06-2015 17:43:38 ]
Vraagje voor de OSX gebruikers hier. Is er een manier om de preview van de Finder scripts als tekst te laten zien? Dat je dus de code krijgt te zien als je je html/css/js bestanden via de spatie previewed. Nu krijg ik alleen een icoontje te zien.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Nu wetende dat die preview Quick Look heet kwam ik uit bij QLStephen. Ben nog veel te blij met Sublime Text om daar vanaf te stappenquote:Op maandag 8 juni 2015 16:05 schreef Tijn het volgende:
Ik gebruik TextMate en die regelt dat Quick Look de inhoud van zulke bestanden weergeeft bij mij.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ja, het is een beetje verwarrend als je het Preview noemt, want dat is de naam van de viewer app die bij OS X zit.
Het is dan ook puur een versiering, geen nuttige content.quote:
Ik vind ze pas irritant als er tekst in staan en ze te snel naar de volgende slide gaan
Foto's kan prima vind ik. edit: nu ik erover denk is het misschien wel dat ik minder aandachtig naar de foto kijk dan
Sowieso is 20 slides veel te veel. Wie gaat er nou in hemelsnaam 20 slides zitten bekijken
Helemaal gelijk. Weer wat geleerdquote:
Ja, het is een beetje verwarrend als je het Preview noemt, want dat is de naam van de viewer app die bij OS X zit.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Precies. De enige reden is om zoiets op je pagina te zetten is omdat mensen het leuk vinden wanneer er wat beweegt.quote:Op maandag 8 juni 2015 16:56 schreef KomtTijd... het volgende:
[..]
Het is dan ook puur een versiering, geen nuttige content.
Sommige mensen dan. Voornamelijk de eigenaar van de site zelf
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.
Dit is de code, die ook gekoppeld is aan een (extern) js bestand.
De css:
Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje.. Dank
| 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 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> // Sticky Header $(window).scroll(function() { if ($(window).scrollTop() > 100) { $('.main_header').addClass('sticky'); } else { $('.main_header').removeClass('sticky'); } }); // Mobile Navigation $('.mobile-toggle').click(function() { if ($('.main_header').hasClass('open-nav')) { $('.main_header').removeClass('open-nav'); } else { $('.main_header').addClass('open-nav'); } }); $('.main_header li a').click(function() { if ($('.main_header').hasClass('open-nav')) { $('.navigation').removeClass('open-nav'); $('.main_header').removeClass('open-nav'); } }); // navigation scroll $('nav a').click(function(event) { var id = $(this).attr("href"); var offset = 70; var target = $(id).offset().top - offset; $('html, body').animate({ scrollTop: target }, 500); event.preventDefault(); }); </script> |
Dit is de code, die ook gekoppeld is aan een (extern) js bestand.
De css:
| 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 | .mobile-toggle { display: none; cursor:pointer; font-size: 20px; position: absolute; right: 22px; top: 0; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } .mobile-toggle span { width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #8f8f8f; display: block; } .mouse { display: block; margin: 0 auto; width: 26px; height: 46px; border-radius: 13px; border: 2px solid #ffffff; position: absolute; bottom: 40px; position: absolute; left: 51%; margin-left: -26px; } .mouse span { display: block; margin: 6px auto; width: 2px; height: 2px; border-radius: 4px; background: #ffffff; border: 1px solid transparent; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } |
Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje..
Dank
'Richolio _O_' - tong80
LAST.FM
LAST.FM
Wat is dan nog de nut van het scrollen? Kun je de navbar dan niet standaard boven aan de pagina plakken en de site er onder door laten scrollen?quote:
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.
[ code verwijderd ]
Dit is de code, die ook gekoppeld is aan een (extern) js bestand.
De css:
[ code verwijderd ]
Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje..
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Kun je main_header ook niet de class sticky geven in de HTML?quote:
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.
[ code verwijderd ]
Dit is de code, die ook gekoppeld is aan een (extern) js bestand.
De css:
[ code verwijderd ]
Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje..
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.
Een navbar zonder achtergrond, dus alleen tekst, vind ik er altijd wel netjes uitzien. Tot die witte lettertjes natuurlijk op een witte background komen ergens op de pagina.quote:
[..]
Wat is dan nog de nut van het scrollen? Kun je de navbar dan niet standaard boven aan de pagina plakken en de site er onder door laten scrollen?
Hoe doe ik dat?quote:
[..]
Kun je main_header ook niet de class sticky geven in de HTML?
Bedoel je dat ik die class dan fixed maak? Ik had wel ergens gelezen dat dat uiteindelijk problemen vormt, gezien de site responsive is.
'Richolio _O_' - tong80
LAST.FM
LAST.FM
Fixed voor dat soort oplossingen geeft geen problemen op responsive. Gewoon sticky op je navbar zetten en die hele JS weghalen.quote:
[..]
Een navbar zonder achtergrond, dus alleen tekst, vind ik er altijd wel netjes uitzien. Tot die witte lettertjes natuurlijk op een witte background komen ergens op de pagina.
[..]
Hoe doe ik dat?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Weten jullie nog een fatsoenlijke manier om een achtergrondje een klein beetje te laten scrollen a la parallax effect? Ik had zelf een klein JS'je geschreven die een aantal pixels top doet wanneer de user scrollt maar sinds twee versies van Chrome stottert die opeens gigantisch. Oplossingen met dikke libs werken niet echt lekker gezien je dan echt ziet dat de achtergrond dynamisch wordt ingeladen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Deze? http://codepen.io/skeurentjes/pen/wvpusquote:Op woensdag 10 juni 2015 08:14 schreef boem-dikkie het volgende:
Weten jullie nog een fatsoenlijke manier om een achtergrondje een klein beetje te laten scrollen a la parallax effect? Ik had zelf een klein JS'je geschreven die een aantal pixels top doet wanneer de user scrollt maar sinds twee versies van Chrome stottert die opeens gigantisch. Oplossingen met dikke libs werken niet echt lekker gezien je dan echt ziet dat de achtergrond dynamisch wordt ingeladen.
Werkt ook in IE11.
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. :'(
Jquery voor parallax slaat, tenzij je het al gebruikt, natuurlijk helemaal negens op. Ik kan me ook geen 60fps jquery herinneren. Als je het in IE kan missen is er tegenwoordig een css-only manier. Dit scheelt enorm in de performance omdat je de vieze scroll-js niet meer nodig hebt.
http://keithclark.co.uk/articles/pure-css-parallax-websites/
[ Bericht 15% gewijzigd door n8n op 10-06-2015 10:08:29 ]
http://keithclark.co.uk/articles/pure-css-parallax-websites/
[ Bericht 15% gewijzigd door n8n op 10-06-2015 10:08:29 ]
“Specialization is for insects”.—Robert Heinlein
Ik zit al even te kloten met een border, maar krijg het niet voor elkaar.
Mijn plaatje is 740*35px en wil hem boven een bepaalde blogpost hebben. De enige manier hoe ik het enigzins werkend krijg is om er een border-image van te maken. Maar wat is dat een raar iets zeg. Kan iemand me uit de brand helpen?
| 1 2 3 4 | .sticky{ border-top: 35px solid transparent; border-image: url('border.png') 100% repeat; } |
Mijn plaatje is 740*35px en wil hem boven een bepaalde blogpost hebben. De enige manier hoe ik het enigzins werkend krijg is om er een border-image van te maken. Maar wat is dat een raar iets zeg.
Kan iemand me uit de brand helpen?
Uitvinder van de biersmiley.
lijkt me dat een border-top property een algemene border property overruled, dus je border-top zal transparant zijn.
is "transparent" uberhaupt een geldige color?
is "transparent" uberhaupt een geldige color?
JS moet je sowieso zo veel mogelijk vermijden voor animaties e.d. gezien de onmogelijkheid om daar hardware accelleration op toe te passen.quote:
Jquery voor parallax slaat, tenzij je het al gebruikt, natuurlijk helemaal negens op. Ik kan me ook geen 60fps jquery herinneren. Als je het in IE kan missen is er tegenwoordig een css-only manier. Dit scheelt enorm in de performance omdat je de vieze scroll-js niet meer nodig hebt.
http://keithclark.co.uk/articles/pure-css-parallax-websites/
