Skip to content

Instantly share code, notes, and snippets.

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

Valeriy Semenenko gearmobile

🇷🇺
Working remotely
52 followers · 15 following
View GitHub Profile
@gearmobile
gearmobile / npm dependencies
Created April 2, 2017 13:04
npm dependencies
--save - production dependency
--save-dev - development dependency
@gearmobile
gearmobile / Vue.js Multiple Instance
Last active March 24, 2017 12:18
Можно ли во Vue.js использовать несколько экземпляров ( instance )
Вопрос: Можно ли во Vue.js использовать несколько экземпляров ( instance )?
Ответ: Да. Во Vue.js можно использовать сколько угодно экземпляров ( instance ). Под каждый instance создается точка монтирования.
Например, так:
<div id="app1"></div>
<div id="app2"></div>
new Vue({
@gearmobile
gearmobile / v-if + v-else
Created March 22, 2017 16:30
Однотипность блоков для связки v-if + v-else
Связка v-if + v-else требует не только того, чтобы блок с v-else располагался непосредственно после блока с директивой v-if. Данная связка также требует однотипности блоков.
То есть, блок с директивой v-if и блок с директивой v-else должны иметь один тип - div, section, article и так далее.
Например:
<section v-if="check"></section>
<section v-else></section>
<div v-if="check"></div>
<div v-else></div>
@gearmobile
gearmobile / Computed Property
Created March 21, 2017 13:12
Computed Property - хоть и называется вычисляемым свойством, на самом деле таковым ( свойством ) не является.
По факту это обычная функция, которая использует реальные свойства для вычисления и возвращает результат своего вычисления.
@gearmobile
gearmobile / Vue.js Several Plugins At Once
Created February 22, 2017 13:36
Vue.js Several Plugins At Once
[vueRouter, vueResource].forEach(p => Vue.use(p));
@gearmobile
gearmobile / Linux Mount NFS Share Dune Lite
Created February 17, 2017 15:25
Linux Mount NFS Share Dune Lite
# sudo apt install nfs-common
/etc/fstab
192.168.1.100:/transmission/downloads/complete /media/dune nfs rw,hard,intr,rsize=8192,wsize=8192,timeo=14,_netdev
@gearmobile
gearmobile / Visual Code MultiCursor
Created February 11, 2017 09:55
Visual Code MultiCursor
https://code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor
@gearmobile
gearmobile / Vertical Centering to Bottom
Created January 16, 2017 13:18
Vertical Centering Element to Bottom of Container
<div class="Aligner">
<div class="Aligner-item Aligner-item--top">…</div>
<div class="Aligner-item">…</div>
<div class="Aligner-item Aligner-item--bottom">…</div>
</div>
.Aligner {
display: flex;
align-items: center;
justify-content: center;
@gearmobile
gearmobile / Pixel Glass
Created January 16, 2017 10:34
Pixel Glass is a tiny JavaScript library, it can help you to check out how your markup fits your design
1. Install package into your project folder via npm:
npm i pixel-glass --save-dev
2. Place your mock-ups into img (or any other) folder of your project.
3. Add this code into <head> element of your page:
<!-- Pixel Glass -->
<style>
HTML {
@gearmobile
gearmobile / Bootstrap Columns All Same Height
Last active January 15, 2017 16:53
Bootstrap Columns All Same Height via Table
@media only screen and ( min-width: 768px ) {
.is-table-row {
display: table;
}
.is-table-row > [ class*='col-' ] {
float: none;
display: table-cell;
vertical-align: top;
}
}