/******************************************************Full page-cover (home)******************************************************/var AdminBar = $(‘#wpadminbar’).height();var TotalHeight = $(window).height();var RemainingHeight = TotalHeight – AdminBar – MainHeaderHeight – 120; // Extra white spaceif (RemainingHeight < 490){ RemainingHeight = 490; } $(‘.home section.page-header’).css({ “height”: RemainingHeight + ‘px’}); $(‘.home section.page-header .full-height’).css({ “height”: RemainingHeight + ‘px’, }); $(‘.home section.page-header .image-overlay’).css({ “height”: RemainingHeight + ‘px’, }); // Slider $(‘.home section.page-cover-slider […]
/* * Replace all SVG images with inline SVG */ $(“img.icon”).each(function() { var $img = $(this); var imgID = $img.attr(“id”); var imgClass = $img.attr(“class”); var imgURL = $img.attr(“src”); $.get( imgURL, function(data) { // Get the SVG tag, ignore the rest var $svg = $(data).find(“svg”); // Add replaced image’s ID to the new SVG if (typeof […]
// smoothscroll to hash //——————— var scrollToTopH = 140; $(“a[href*=#]”) .not(“.no-scroll”) .on(“click”, function(event) { if ($(this.hash).length > 0) { event.preventDefault(); $(“html,body”).animate( { scrollTop: $(this.hash).offset().top – scrollToTopH }, 500 ); } });
Hoi! Graag vertel ik je meer over het Vue framework en de verschillen tussen versie 2 en 3. Wat is Vue? Vue (uitgesproken als /vjuː/, zoals “view”) is een progressief JavaScript framework dat wordt gebruikt voor het bouwen van gebruikersinterfaces en single-page applicaties 1 (SPA’s). Het is ontworpen om flexibel en incrementeel te zijn, wat […]
Hoi! jQuery is een razendsnelle, compacte en veelzijdige JavaScript-bibliotheek die webontwikkeling een stuk eenvoudiger maakt. Het is ontworpen om HTML-documenttraversatie en -manipulatie, event handling, animatie en Ajax-interacties te vereenvoudigen met een gebruiksvriendelijke API die consistent werkt op verschillende webbrowsers. Hier zijn een paar belangrijke dingen die je over jQuery kunt weten: Belangrijkste kenmerken: Waarom is […]
Grid systemen – foundation, Foundation versie