Skip to content

Instantly share code, notes, and snippets.

Denis denisfl

Block or report user

Report or block denisfl

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
denisfl / Item.vue
Last active Aug 3, 2018
Vue code example: build grid like Yandex.Zen
View Item.vue
<div class="item" :class="itemClasses" :data-id="">
<div class="item-container">
<div class="item-cover">
<div class="item-cover-thumb" :style="thumbUrl"></div>
<div class="item-cover-mask"></div>
<div class="item-content">
<div class="item-title" :class="titleClasses">
<a class="item-link" :href="item.url" v-if="item.url && !fullArticle">
denisfl / store.js
Created Aug 3, 2018
Vue code exaple
View store.js
import Vue from 'vue'
import Vuex from 'vuex'
import slice from 'lodash/slice'
import take from 'lodash/take'
import flattenDeep from 'lodash/flattenDeep'
import each from 'lodash/each'
const URL = '/teasers'
denisfl / .zshrc
Created Sep 20, 2016
.zshrc config
View .zshrc
# Path to your oh-my-zsh installation.
export ZSH=$HOME/.oh-my-zsh
# Set name of the theme to load.
# Look in ~/.oh-my-zsh/themes/
# Optionally, if you set this to "random", it'll load a random theme each
# time that oh-my-zsh is loaded.
View Checkbox.css
* Screenshot:
* Link:
@import "imports/variables.css";
:root {
--Checkbox-uncheck-border-color: #979797;
denisfl /
Last active Jan 16, 2016
Общие соглашения по верстке фронтенда

При разработке необходимо использовать gulp или webpack.

Структура папок

Структура может быть различной в зависимости от проекта, но выделять

  • компоненты
  • стейты
  • ресурсы (стили, скрипты, картинки), которые никак нельзя вынести в какой-то отдельный компонент
denisfl / .csscomb.json
Created Jan 16, 2016
Config fo csscomb
View .csscomb.json
"remove-empty-rulesets": true,
"always-semicolon": true,
"block-indent": 2,
"color-case": "upper",
"color-shorthand": false,
"element-case": "lower",
"eof-newline": true,
"exclude": [
View vertical_rythm.scss
$vr-font-size: 15px !global;
$vr-line-height: 1.5 !global;
$vr-cap-height: 0.6 !global;
$vr-line-scale: 2 !global;
$vr-grid-unit: $vr-line-height * $vr-font-size / $vr-line-scale !global; // (px)
@function em($px: 0, $font-size: $vr-font-size) {
@return $px / $font-size + em;
denisfl / .bowerrc
Last active Aug 29, 2015
Middleman bower template
View .bowerrc
"directory": "bower_components"
denisfl / get-sprite.sass
Created Dec 11, 2012 — forked from dfadler/get-sprite.sass
A SASS mixin for generating a sprite declaration block that will work with media queries
View get-sprite.sass
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true)
$sprite-image: sprite-file($map, $sprite)
$sprite-map: sprite-url($map)
You can’t perform that action at this time.