Thread: Review website bedrijf
-
09-02-2013, 14:43 #16
Hartelijk bedankt voor de links, ik zal ze zeker goed doornemen!
Op deze pagina's waar jullie toegang tot hebben is het HTML 5 doctype inderdaad nutteloos, maar op andere pagina's, waarvoor een account nodig is, gebruik ik wel de mogelijkheid om video's af te spelen. Ik ga niet op elke pagina een ander doctype zetten, daarmee dat er overal HTML5 staat.no votes
-
-
10-02-2013, 10:45 #17
ik heb al veel slechtere html code gezien als dit maar het volgende is toch wel serieus fout hoor

Code://Disable some things from slider that can be visible above the dark disableSliderControls(); window.setTimeout( function(){ if(playing_enabled){ $('#logo').stop().animate({'opacity':1},1000); $("#skip").stop().animate({opacity: 1}, 250); window.setTimeout( function(){ if(playing_enabled){ $('#slogan').stop().animate({'opacity':1},1500); window.setTimeout( function(){ window.setTimeout( function() { if(playing_enabled){ $('#logo').stop().animate({'opacity':0},1000); $('#slogan').stop().animate({'opacity':0},1000); window.setTimeout( function(){ if(playing_enabled){ $('#welkom').stop().animate({'opacity':1},1000); window.setTimeout( function(){ if(playing_enabled){ $('#welkom').stop().animate({'opacity':0},1000); window.setTimeout( function(){ //$(document.body).animate({'backgroundColor':'#073d55'}, 1000); if(playing_enabled){ $('#content').stop().animate({'opacity':1}, 2000); $('#black').stop().animate({'opacity':0}, 2000); $('#skip').stop().animate({'opacity': 0}, 1000); window.setTimeout( function(){ $('#black').css({"display": "none"}); $('#skip').css({"display": "none"}); $('#welkom').css({"display": "none"}); $('#slogan').css({"display": "none"}); $('#logo').css({"display": "none"}); document.getElementById('black').style.display = 'none'; enable_scroll(); enableSliderControls(); }, 2000 ); } }, 500 ); } }, 1000 ); } }, 1000 ); } }, 500 ); }, 1500 ); } }, 1000 ); } },1000 );no votes
-
10-02-2013, 14:39 #18
Jep, is een stukje 'oudere' code, ik snap niet waarom ik altijd die timout gebruikt heb, want in de animate functie, zit deze functionaliteit eigelijk al...
Hartelijk bedankt om me hierop te wijzen, dit is nu aangepast op mijn testomgeving.
Wanneer alle veranderingen gedaan zijn zal dit ook zichtbaar worden op mijn echte site.no votes
-
15-02-2013, 00:10 #19Member
- Registered
- 22/06/10
- Location
- Muizen (Mechelen)
- Posts
- 286
- iTrader
- 4 (100%)
- Mentioned
- 0 Post(s)
Nog een tip: probeer je javascript code onderaan je pagina te plaatsen.
Een browser rendert je code van bovenaf aan. En als er bijvoorbeeld een klein foutje in je JS code zit, stopt je browser met renderen en kan er vanalles mislopen... Dus als je je code onderaan zet, doorloopt de browser eerst je HTML code, en roept dan uw JS code aan.
Hier staan goede tutorials:
In-depth tutorials and articles on web design | Webdesigntuts+
En hier kan je goede inspiratie opdoen
Awwwards - Website Awards - Best Web Design Trends
Ik raad aan om eerst een website in wireframes te maken (teken het gewoon eens op papier of op de computer uit). Als je weet waar alle elementen van de site moeten staan, begin je pas aan je layout in Photoshop. Kost allemaal wel wat tijd, maar een een goede site is niet op 1,2,3 klaar. Zet achteraf eventueel je design op enkele fora en pas aan waar nodig. Als er uiteindelijk tevreden mee bent, kan je beginnen te coderen he
no votes
-
16-02-2013, 14:24 #20no votes

