Page 2 of 2 First 12
  1. #16

    Registered
    23/01/13
    Location
    Tienen
    Posts
    8
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by VinceVe View Post
    This quote is hidden because you are ignoring this member. Show
    @Bram de html5 doctype is opzich niet slecht deze zorgt ervoor dat als je browser geen html 5 ondersteund hij toch nog in de strictste modus rendert.

    Voor te leren zou ik eerst beginnen bij de basis dus "hoe moet ik html opbouwen". Van de week ben ik deze site nog tegengekomen:

    Design lessons for programmers, curated by top designers | Hack Design - Een zeer goede resource voor het leren van het ontwerpen naar websites toe.

    Dan voor een webpagina op te bouwen:
    Build a Simple Website Badge Collection
    Hartelijk bedankt voor de links, ik zal ze zeker goed doornemen!

    Quote Originally Posted by BramVroy View Post
    This quote is hidden because you are ignoring this member. Show
    Ik zeg ook niet dat het slecht is, maar hij doét er niks mee dus het is nutteloos. Als hij strict wil, kan hij even goed bv. dit gebruiken:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    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  

  2. #17
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    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  

  3. #18

    Registered
    23/01/13
    Location
    Tienen
    Posts
    8
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by adrianhates View Post
    This quote is hidden because you are ignoring this member. Show
    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
    );
    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  

  4. #19

    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  

  5. #20

    Registered
    23/01/13
    Location
    Tienen
    Posts
    8
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by meuh View Post
    This quote is hidden because you are ignoring this member. Show
    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
    Hartelijk bedankt voor de websites en tips, ik zal ze zeker bekijken en toepassen!
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in