Алексей agragregra
justincarroll
/ bootstrap-masonry-template.htm
Last active
August 15, 2020 16:48
This is my template for using Masonry 3 with Bootstrap 3. For those of you who follow this gist a lot has changed since Bootstrap 2.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Bootstrap Masonry Template</title> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700"> |
agragregra
/ Hello World
Created
February 13, 2015 07:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Hello, World! |
agragregra
/ jQuery Page Preload
Last active
February 10, 2024 13:32
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #loader { | |
| background: none repeat scroll 0 0 #ffffff; | |
| bottom: 0; | |
| height: 100%; | |
| left: 0; | |
| position: fixed; | |
| right: 0; | |
| top: 0; | |
| width: 100%; | |
| z-index: 9999; |
agragregra
/ jQuery Tabs Short
Last active
November 23, 2023 14:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| HTML: | |
| <div class="wrapper"> | |
| <div class="tabs"> | |
| <span class="tab">Вкладка 1</span> | |
| <span class="tab">Вкладка 2</span> | |
| <span class="tab">Вкладка 3</span> | |
| </div> | |
| <div class="tab_content"> | |
| <div class="tab_item">Содержимое 1</div> | |
| <div class="tab_item">Содержимое 2</div> |
agragregra
/ Turn OFF Animate.css on Mobile Devices
Last active
July 28, 2024 21:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Small Devices, Tablets */ | |
| @media only screen and (max-width : 768px) { | |
| .animated { | |
| /*CSS transitions*/ | |
| -o-transition-property: none !important; | |
| -moz-transition-property: none !important; | |
| -ms-transition-property: none !important; | |
| -webkit-transition-property: none !important; | |
| transition-property: none !important; | |
| /*CSS transforms*/ |
agragregra
/ jQuery Accordeon
Last active
November 13, 2023 16:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| JS: | |
| $(".accordeon dd").hide().prev().click(function() { | |
| $(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active"); | |
| $(this).next().not(":visible").slideDown().prev().addClass("active"); | |
| }); | |
| CSS: | |
| .accordeon .active { color: red } | |
| HTML: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(window).scroll(function() { | |
| var st = $(this).scrollTop() /10; | |
| $(".object").css({ | |
| "transform" : "translate3d(0px, " + st + "%, .01px)", | |
| "-webkit-transform" : "translate3d(0px, " + st + "%, .01px)" | |
| }); | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @namespace url(http://www.w3.org/1999/xhtml); | |
| @-moz-document regexp("chrome://browser/content/devtools/**/.*"){ | |
| .devtools-monospace { | |
| font-size: 12pt!important; | |
| } | |
| } |
agragregra
/ mobile-menu.html
Created
December 1, 2015 14:42
Mobile Menu Toggle Button | http://codepen.io/agragregra/pen/bEbbmZ
agragregra
/ magnific-animation-preloader
Last active
January 31, 2022 09:39
Magnific Gallery with Animation & Preloader | http://codepen.io/agragregra/pen/OMNLQJ
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| SASS: | |
| .mfp-ready .mfp-figure | |
| opacity: 0 | |
| .mfp-zoom-in | |
| .mfp-figure, .mfp-iframe-holder .mfp-iframe-scaler | |
| opacity: 0 | |
| transition: all 0.3s ease-out | |
| transform: scale(0.95) | |
| &.mfp-bg, .mfp-preloader | |
| opacity: 0 |
OlderNewer