Skip to content

Instantly share code, notes, and snippets.

View kristyjanzer's full-sized avatar
🏠
Working from home

kristyjanzer

🏠
Working from home
View GitHub Profile
@kristyjanzer
kristyjanzer / button.sass
Created March 15, 2020 20:16 — forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@kristyjanzer
kristyjanzer / masonry_imageloaded.js
Created September 20, 2016 12:52 — forked from agragregra/masonry_imageloaded.js
Masonry imagesLoaded
var $container = $(".masonry-container");
$container.imagesLoaded(function () {
$container.masonry({
columnWidth: ".item",
itemSelector: ".item"
});
});
@kristyjanzer
kristyjanzer / animate-css.js
Last active August 18, 2016 14:53 — forked from agragregra/animate-css.js
Чтобы css-анимация на сайте сработала один раз Animate CSS jQuery once animate
//Animate CSS + WayPoints javaScript Plugin
//Example: $(".element").animated("zoomInUp");
//Author URL: http://webdesign-master.ru
(function($) {
$.fn.animated = function(inEffect) {
$(this).css("opacity", "0").addClass("animated").waypoint(function(dir) {
if (dir === "down") {
$(this).addClass(inEffect).css("opacity", "1");
};
}, {
<?php
if ( have_posts() ) : // если имеются записи в блоге.
query_posts('cat=3'); // указываем ID рубрик, которые необходимо вывести.
while (have_posts()) : the_post(); // запускаем цикл обхода материалов блога
?>
<?php the_post_thumbnail(array(100, 100)); ?>
<? endwhile; // завершаем цикл.
endif;
/* Сбрасываем настройки цикла. Если ниже по коду будет идти еще один цикл, чтобы не было сбоя. */
wp_reset_query();
@kristyjanzer
kristyjanzer / jQuery Resize Height
Last active August 18, 2016 14:54 — forked from agragregra/jQuery Resize Height
Чтобы растянуть background на всю ширину экрана
function heightDetect() {
$(".main_head").css("height", $(window).height());
};
heightDetect();
$(window).resize(function() {
heightDetect();
});
<?php if ( have_posts() ) : query_posts('p=1');
while (have_posts()) : the_post(); ?>
<?php the_title(); ?>
<?php the_content(); ?>
<?php the_post_thumbnail(array(100, 100)); ?>
<? endwhile; endif; wp_reset_query(); ?>
@kristyjanzer
kristyjanzer / media.css
Created August 9, 2016 14:44 — forked from agragregra/media.css
Bootstrap Media CSS | Sass
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
@kristyjanzer
kristyjanzer / jQuery Page Preload
Last active August 18, 2016 14:55 — forked from verget/jQuery Page Preload
Прелоад пока грузится сайт jQuery Page Preload by agragregra
#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;