max-lizard
This file contains hidden or 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
| <picture> | |
| <source type="image/svg+xml" srcset="img/filename.svg"> | |
| <img | |
| sizes="(min-width: 640px) 80vw, 100vw" | |
| src="img/filename.png" | |
| alt=""> | |
| </picture> |
max-lizard
/ Flex Inside Slick
Created
January 29, 2018 21:02
Using fles into Slick https://codepen.io/leggomuhgreggo/pen/mEmzGN
This file contains hidden or 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="container"> | |
| <div class="slider"> | |
| <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias obcaecati, ratione eos quia dignissimos, in illo voluptatibus laboriosam eius odit, rem dolore. Aliquam in eos saepe natus minima, cumque deleniti!</div> | |
| <div>slide 1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias obcaecati, ratione eos quia dignissimos, in illo voluptatibus laboriosam eius odit, rem dolore. Aliquam in eos saepe natus minima, cumque deleniti!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias obcaecati, ratione eos quia dignissimos, in illo voluptatibus laboriosam eius odit, rem dolore. Aliquam in eos saepe natus minima, cumque deleniti!</div> | |
| <div>slide 2</div> | |
| <div>slide 3</div> | |
| <div>slide 4</div> | |
| <div>slide 5</div> | |
| </div> |
max-lizard
/ WP Shortcode - Bootstrap Tooltip
Created
January 9, 2018 20:09
Shortcode for WordPress - Bootstrap Tooltip
This file contains hidden or 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
| /* | |
| inc/shortcodes.php | |
| ------------------ | |
| */ | |
| <?php | |
| /* | |
| @package journal |
max-lizard
/ WP Tips
Last active
January 8, 2018 18:56
The most frequently used parts of WordPress code
This file contains hidden or 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
| /* | |
| ~The Most Base~ | |
| --------------- | |
| */ | |
| get_permalink() // постоянная ссылка | |
| /* | |
| ~Pagination~ | |
| ------------ | |
| */ |
This file contains hidden or 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
| // Here is how you implement css keyframes in the Sass syntax: | |
| @keyframes name-of-animation | |
| 0% | |
| transform: rotate(0deg) | |
| 100% | |
| transform: rotate(360deg) | |
| //Here is a Sass mixin to add add vendor prefixes: | |
| =keyframes($name) | |
| @-webkit-keyframes #{$name} |
max-lizard
/ html-content-middle-grid
Created
December 11, 2017 12:17
Центрируем контент по вертикали и горизонтали при помощи CSS Grid
This file contains hidden or 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
| <header class="main-header grid" style="background-image: url(img/0-header.jpg)"> | |
| <div class="header-content grid"> | |
| <h1>We are real creators</h1> | |
| <div class="header-buttons"> | |
| <a href="#" class="button">Follow</a> | |
| <a href="#" class="button button-gray">Go Home</a> | |
| </div> | |
| </div> | |
| </header> |
max-lizard
/ sass-mixins
Created
December 11, 2017 09:20
This file contains hidden or 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
| =border-radius($radius) | |
| -webkit-border-radius: $radius | |
| -moz-border-radius: $radius | |
| -ms-border-radius: $radius | |
| border-radius: $radius | |
| =shadow($opacity) | |
| -webkit-box-shadow: 0px 0px 20px -1px rgba(50, 50, 50, $opacity) | |
| -moz-box-shadow: 0px 0px 20px -1px rgba(50, 50, 50, $opacity) | |
| box-shadow: 0px 0px 20px -1px rgba(50, 50, 50, $opacity) | |
| =transform($scale) |
max-lizard
/ html-starter-template
Last active
December 11, 2017 09:17
This file contains hidden or 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 lang="ru"> | |
| <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>HTML Starter</title> | |
| <meta name="description" content=""> | |
| <meta name="keywords" content=""> |
This file contains hidden or 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> | |
| here is modal | |
| </div> |
NewerOlder