Skip to content

Instantly share code, notes, and snippets.

View gearmobile's full-sized avatar
🇷🇺
Working remotely

Valeriy Semenenko gearmobile

🇷🇺
Working remotely
View GitHub Profile
@gearmobile
gearmobile / Horizontal Dropdown Menu via pseudo-element before
Created May 30, 2015 19:28
Horizontal Dropdown Menu via pseudo-element before
Jade:
// menu
ul.menu
li.menu__item
a.menu__link(href="#") menu item
li.menu__item
a.menu__link(href="#") menu item
li.menu__item
a.menu__link(href="#") menu item
// submenu
@gearmobile
gearmobile / header-dropdown-menu-blueprint
Created June 1, 2015 17:37
Header Dropdown Menu Blueprint
Jade:
ul.header__menu
li.header__menu__item
a.header__menu__link(href="#{js}") home
li.header__menu__item
a.header__menu__link(href="#{js}") about
li.header__menu__item
a.header__menu__link(href="#{js}") services
li.header__menu__item
a.header__menu__link(href="#{js}") portfolio
@gearmobile
gearmobile / yandexdisk_cli_linux_utilite
Created June 10, 2015 15:49
YandexDisk CLI Linux Utilite
YandexDisk CLI Linux Utilite
==================
$ yandex-disk token USERNAME - получить ключ авторизации для логина на Яндексе
$ yandex-disk start - запустить демон и синхронизировать все папки
$ yandex-disk status - отобразить статус работы демона (состояние синхронизации, ошибки синхронизации, список синхронизированных файлов, общее и свободное пространство на Диске)
$ yandex-disk stop - остановить работу демона
$ yandex-disk sync - синхронизировать все папки
$ yandex-disk publish FILE - получить публичную ссылку на указанный файл или папку
$ yandex-disk unpublish FILE - отменить публикацию для указанного файла или папки
===================
@gearmobile
gearmobile / SassMeister-input-HTML.html
Created June 11, 2015 11:13
Generated by SassMeister.com.
<div class="container">
<div class="container__part">1</div>
<div class="container__part">2</div>
<div class="container__part">3</div>
<div class="container__part">4</div>
<div class="container__part">5</div>
</div>
@gearmobile
gearmobile / jade_mixin_with_cycle
Created June 13, 2015 15:25
Jade Mixin with Cycle
.mail__products__wrap
- for (var x = 1; x < 5; x++)
.mail__products__item
a(href="#{js}")
img(src="img/items/" + x + ".jpg", alt="Alt")
.mail__price 2 000 руб.
a(href="#{js}").product__button Заказать
@gearmobile
gearmobile / Preferences.sublime-settings MacOSX
Created June 13, 2015 15:27
Sublime Text Settings MacOSX
{
"auto_complete": false,
"bold_folder_labels": true,
"caret_extra_bottom": 0,
"caret_extra_top": 0,
"caret_extra_width": 1,
"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
"draw_white_space": "all",
"enable_telemetry": "false",
"ensure_newline_at_eof_on_save": true,
@gearmobile
gearmobile / gradient_over_image
Created June 23, 2015 20:20
Gradient Over Image
HTML:
<div id="mask"></div>
CSS:
#mask {
background: url(demo.png) no-repeat 0 0 transparent;
height: 37px;
overflow: hidden;
position: relative;
width: 95px;
@gearmobile
gearmobile / gist:18fd70c2b7167ce05217
Created June 23, 2015 20:25
Shadow Over Image via Position Relative
HTML:
<div class="block1">
<img src="images/charlize_theron_1.jpg" width="480" height="300">
</div>
CSS:
.block1{
box-shadow: inset 0 0 6px 4px rgba(0,0,0,.7);
width: 480px;
height: 300px;
@gearmobile
gearmobile / gist:2003bffc4856df38ca92
Created June 23, 2015 20:27
Shadow Over Image via Background Image
HTML:
<div class="block2"></div>
CSS:
.block2{
box-shadow: inset 0 0 12px 8px rgba(0,0,0,.6);
width: 481px;
height: 361px;
background: url(images/charlize_theron_2.jpg) 0 0 no-repeat;
}
@gearmobile
gearmobile / create_alias_in_OSX
Created June 24, 2015 06:31
Создать постоянные alias в OSX
Создать постоянные alias в OSX
1. Создаем файл (если его нет): ~/.profile
2. Прописываем необходимый алиас в таком виде: alias name='command'
Где 'name' — имя алиаса; 'command' - консольная команда
3. Обновляем лист алиасов: source ~/.profile