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
| $tablet: 768px; //tablet | |
| // $tablet-l: 1700px; //tablet, tablet landscape, small pc | |
| $laptop: 1200px; //pc, laptop | |
| $dmac: 1400px; // stupid mac | |
| $desctop: 1600px; //pc (*optional) | |
| $lagre: 1900px; //large view port width pc (*optional) | |
| @mixin respond-to($media) { | |
| @if $media==t { |
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
| new Vue({ | |
| el: '#app', | |
| data: { | |
| window: { | |
| width: 0, | |
| height: 0 | |
| } | |
| }, | |
| created() { | |
| window.addEventListener('resize', this.handleResize) |
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
| // Пример кнопок с минимальной настройкой | |
| <p>Поделиться: | |
| <button class="social_share" data-type="vk">ВКонтакте</button> | |
| <button class="social_share" data-type="fb">Facebook</button> | |
| <button class="social_share" data-type="tw">Twitter</button> | |
| <button class="social_share" data-type="lj">LiveJournal</button> | |
| <button class="social_share" data-type="ok">Одноклассники</button> | |
| <button class="social_share" data-type="mr">Mail.Ru</button> | |
| </p> |
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
| $('#full-formmm').submit(function (e) { | |
| e.preventDefault(); | |
| let _data = $(this).serialize(); | |
| let action = $(this).attr('action'); | |
| let method = $(this).attr('method'); | |
| $.ajax({ | |
| url: action, | |
| type: method, |
sioniks
/ .gitconfig
Last active
November 21, 2018 19:38
— forked from pksunkara/config
Sample of git config file (Example .gitconfig)
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
| [user] | |
| name = Pavan Kumar Sunkara | |
| email = pavan.sss1991@gmail.com | |
| username = pksunkara | |
| [core] | |
| editor = vim | |
| whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol | |
| excludesfile = ~/.gitignore | |
| [sendemail] | |
| smtpencryption = tls |
sioniks
/ anim scroll
Created
November 9, 2018 11:23
add animation to section when section is visible in window
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
| let $win = $(window); | |
| let $marker = $('#anim-marker'); | |
| let $wrap = $('.anim__wrap'); | |
| let $header = $('.header__wrap'); | |
| if ($('.anim__wrap').length) { | |
| $win.scroll(function () { | |
| if ($win.scrollTop() + $win.height() * 0.8 >= $marker.offset().top && $win.scrollTop() <= ($marker.offset().top + $marker.height() * 0.8)) { | |
| $wrap.addClass('full'); |
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
| let $win = $(window); | |
| let $marker = $('#marker'); | |
| let $wrap = $('.wrap'); | |
| $win.scroll(function () { | |
| if ($win.scrollTop() + $win.height() * 0.8 >= $marker.offset().top && $win.scrollTop() <= ($marker.offset().top + $marker.height() * 0.8)) { | |
| $wrap.addClass('full'); | |
| } else { |
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
| <div class="take-lang"> | |
| <select class="js-drop custom-select lang" name="state"> | |
| <option class="item-lang" value="ru">ru</option> | |
| <option class="item-lang" value="ua">ua</option> | |
| <option class="item-lang" value="en">en</option> | |
| </select> | |
| </div> |
sioniks
/ pagination
Created
July 16, 2018 12:11
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
| const noop = v => v; | |
| /* | |
| * @params {Integer} current | |
| * @params {Integer} totalPages | |
| * @params {Integer} delta | |
| * @returns {Integer[]} | |
| */ | |
| export default ({current, totalPages, delta = 2, render = noop}) => { | |
| const left = Math.max(current - delta, 0), |
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
| $(document).ready(function () { | |
| //для хэша | |
| if (window.location.hash === '#somehash') { | |
| //логика показа нужного попап окна | |
| } | |
| //или для параметра |