nukos

サイト立ち上げ時に最低限やっておきたいこと

• GoogleAnalytics
  • サイトの登録
  • プロパティ設定
    • ウェブマスター ツール サイトの有効化
    • ユーザー属性とインタレスト カテゴリに関するレポートの有効化
    • 拡張リンク アトリビューションを使用するの有効化
  • トラッキング情報
• 参照元除外リストの確認

nukos

var gulp        = require('gulp');
var filelog     = require('gulp-filelog');
var glob        = require('glob-all');
var imageResize = require('gulp-image-resize');

var paths = {
  srcDir : 'source/articles'
}

gulp.task( 'image-optim:thumb', function(){

nukos

Example: $emitと$broadcast ('-' * 25)

A Pen by nuko's kitchen on CodePen.

License.

nukos

---
layout: default
---
<h2 class="post_title">{{page.title}}</h2>
<ul>
  {% for post in site.posts %}
  {% for category in post.category %}
  {% if category == page.category %}
  <li class="archive_list">
    <time datetime='{{post.date | date: "%Y-%m-%d"}}'>{{post.date | date: "%m/%d/%y"}}</time> <a class="archive_list_article_link" href='{{post.url}}'>{{post.title}}</a>

nukos

Prism CSS naming conventions

SMACSSとSUIT CSS naming conventionsをベースに個人的なプロジェクトのみで使用するクラス名の命名規則について考えてみた。

基本

IDはスタイリングに使わずクラスのみを使用する。

カテゴリ

カテゴリ表すためにプレフィックスを使用する。

nukos

@mixin atom-overlay-badges {
  position:       absolute;
  margin:         0;
  padding:        vr(.2) vr(.3);

  line-height:    vr(1);
  font-size:      modular-scale(-4);
  font-weight:    bold;
  color:          #fff;

nukos

$shadow-x-ratio:    0.375 !default;
$shadow-y-ratio:    0.375 !default;
$shadow-blur-lower: 1 !default;
$shadow-blur-ratio: 1 !default;
$shadow-color:      #000000 !default;
$shadow-alpha-init: 0.375 !default;
$shadow-alpha-lower: 0.175 !default;
$shadow-alpha-ratio: 0.005 !default;

@function layer-shadow( $dp: 0, $x: 0px, $y: 1px, $blur: 1px ) {

nukos

$a-atom-setting: 1 !default;
@mixin a-label($var) {
  //attrs
  font-size: $var;
  @content;
}

nukos

$mix-data-state-prefix: 'is' !default;
$mix-data-state-attr: 'data' !default;

@mixin data-state($name, $state: true, $attr: $mix-data-state-attr, $prefix: $mix-data-state-prefix) {
  &[#{$attr}-#{$prefix}-#{$name}=#{$state}] {
    @content;
  }
}

nukos

fa_prefix: #default: fa
fa_exclude: