| //- index.pug | |
| extends layout | |
| append sharedVars | |
| - var pageUrl = 'about.html'; | |
| block title | |
| | My title | |
| block content | |
| h1 Мой заголовок | |
| .content | |
| p Hello World |
| //LIVE EXAMPLE: http://codepen.io/orlovmax/pen/PZRXaN?editors=1000 | |
| // Define navigation mixin | |
| mixin nav(args) | |
| - items = args.items || {} | |
| - active = args.active || {} | |
| - nav = args.nav || {} | |
| - list = args.list || {} | |
| - item = args.item || {} | |
| - item_active = args.item_active || {} |
| Less css trick to generate BEM-styled selectors, by Max Shirsin, http://noteskeeper.ru/1139 + Scss version | |
| @block: ~".dm-import-feed"; | |
| @{block} { | |
| &_step_2 { | |
| @{block}__page_step_2 { | |
| display: block; | |
| } | |
| } |
| A.one('.link').delegate('click',function(event) { | |
| event.preventDefault(); | |
| console.log('hahaha'); | |
| }, | |
| 'a' | |
| ); |
Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.
For the sake of this example, let’s pretend the subfolder containing your site is named dist.
Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).
| // Add body.loaded after page loaded | |
| // window.onload = function() { document.body.classList.add('.loaded'); }; | |
| // $(function() { $('body').addClass('loaded'); }); | |
| // or | |
| // Add .loaded for viewport area on page | |
| //@include anim('.logo h1', 'translateY(20px)', 540ms ); | |
| @mixin anim($class, $transform, $animDelay:0.1s, $start: '.loaded', $transition: 'all 320ms ease-out' ) { | |
| #{$class} { |
https://cdn.rawgit.com/mfd/6940194d19c423c59b3964701c854e44/raw/4f574505e53addf632209ee262d13c700b762bae/avenir.css
<link rel="stylesheet" href="https://cdn.rawgit.com/mfd/6940194d19c423c59b3964701c854e44/raw/4f574505e53addf632209ee262d13c700b762bae/avenir.css">
brew install rtmpdump
RTMPDump при скачивании потоков по умолчанию использует так называемый "Pause/Unpause BUFX hack" для увеличения скорости скачивания, но на live трансляциях и некоторых видеозаписях это приводит к тому, что выходной файл получается "дерганным", т.е. одни и те же фрагменты потока скачиваются многократно (буря мглою небо кроет... мглою небо кроет вихри снежные... небо кроет вихри... и т.д.) и размер файла становится в несколько раз больше.
Custom webfonts
https://gist.githubusercontent.com/mfd/614e2e80a22b878bde63cb471cbe677e/raw/4996edf5eb9aea434e0cbdc81923fb110a29d060/sanfrancisco-font.css
<link rel="stylesheet prefetch" href="https://gist.githubusercontent.com/mfd/614e2e80a22b878bde63cb471cbe677e/raw/eef2aabfd0d588d43285431186a0cf70305ceb80/sanfrancisco-font.css">
| // _decimal.scss | MIT License | gist.github.com/terkel/4373420 | |
| // Round a number to specified digits. | |
| // | |
| // @param {Number} $number A number to round | |
| // @param {Number} [$digits:0] Digits to output | |
| // @param {String} [$mode:round] (round|ceil|floor) How to round a number | |
| // @return {Number} A rounded number | |
| // @example | |
| // decimal-round(0.333) => 0 |