Mateusz's public fiddles
-
46h5dq1j
jQuery 3.1.0, HTML, CSS, JavaScript
-
6nzrggdc
jQuery 1.4.2, HTML, CSS, JavaScript
-
Bottom shadow little
No-Library (pure JS), HTML, CSS, JavaScript
-
cool ul li design with css windows 8 style
ul li design windows 8 style
-
Sticky Sidebar
jQuery Compat (edge), HTML, CSS, JavaScript
-
Dynamic Top Menu Positioning
jQuery 1.8.3, HTML, CSS, JavaScript
-
DIV ARROWS
No-Library (pure JS), HTML, CSS, JavaScript
-
Linie
No-Library (pure JS), HTML, CSS, JavaScript
-
Linie
No-Library (pure JS), HTML, CSS, JavaScript
-
Swiper grid example
Demonstrates how to adjust Swiper to not break the grid in any case
-
MOJE MENU
jQuery 3.1.0, HTML, CSS, JavaScript
-
Upload Image and Display On Screen
jQuery 1.10.1, HTML, CSS, JavaScript
-
menu arrow
No-Library (pure JS), HTML, CSS, JavaScript
-
Sorter JQ
jQuery 3.0.0, HTML, CSS, JavaScript
-
Slider 2 + titles
Slider 2 + titles A Pen By Théo Richard
-
slider
$("body").on("click", "a", function (e) { e.preventDefault(); }); $(function() { var ul = $(".slider ul"); var slide_count = ul.children().length; var slide_width_pc = 100.0 / slide_count; var slide_index = 0; var first_slide = ul.find("li:first-child"); var last_slide = ul.find("li:last-child"); // Clone the last slide and add as first li element last_slide.clone().prependTo(ul); // Clone the first slide and add as last li element first_slide.clone().appendTo(ul); ul.find("li").each(function(indx) { var left_percent = (slide_width_pc * indx) + "%"; $(this).css({"left":left_percent}); $(this).css({width:(100 / slide_count) + "%"}); }); ul.css("margin-left", "-100%"); // Listen for click of prev button $(".slider-container .prev").click(function() { console.log("prev button clicked"); slide(slide_index - 1); }); // Listen for click of next button $(".slider-container .next").click(function() { console.log("next button clicked"); slide(slide_index + 1); }); function slide(new_slide_index) { var margin_left_pc = (new_slide_index * (-100) - 100) + "%"; ul.animate({"margin-left": margin_left_pc}, 400, function() { // If new slide is before first slide... if(new_slide_index < 0) { ul.css("margin-left", ((slide_count) * (-100)) + "%"); new_slide_index = slide_count - 1; } // If new slide is after last slide... else if(new_slide_index >= slide_count) { ul.css("margin-left", "-100%"); new_slide_index = 0; } slide_index = new_slide_index }); } }); // Make with http://imageslidermaker.com/blog/how-to-make-a-responsive-image-slider-using-jquery-and-css
-
Kr4ken2
jQuery 3.0.0, HTML, CSS, JavaScript
-
Wejscie pinem na strone
A Pen By Nouri Karita
-
Cool keyboard
A Pen By Spencer Thayer
-
NO JS EDIT WEB
No-Library (pure JS), HTML, CSS, JavaScript