タグ

2015年11月5日のブックマーク (6件)

  • 2分で分かる!Sketchのさらに便利になった新機能を徹底解説

    今年からSketchを使用するようになったのですが、使えば使うほど便利だなぁ、と実感する毎日です。そんなSketchは先日3.4にバージョンアップし、デザインのワークフローを改善する新しい機能がたくさん追加されました。 さらに便利になったSketchの新機能の使い方を分かりやすいアニメーションGIF付きで紹介します。 Visualize Sketch 3.4 New Features Sketch 3.4の公式アナウンスは、下記ページを参考にしてください。 Sketch Blog - Sketch 3.4 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. アートボードをローカルネットワークで共有 2. コピーペーストの強化 3. 自動保存をオフにした方がいいのはどんな時? 4. Material Designのアイコン作成 5.

    2分で分かる!Sketchのさらに便利になった新機能を徹底解説
  • Fast way to get the min/max values among properties of object

    wakuworks
    wakuworks 2015/11/05
    オブジェクトのプロパティの値から最大値、最小値を得る
  • とほほのLess入門 - とほほのWWW入門

    Less は、CSS をより使いやすく、よりメンテナンスしやすくするための CSS プリプロセッサです。 Less は Leaner CSS の略です。lean は「無駄のない」、「効率的な」という意味を持ちます。 2009年に Alexis Sellier(@cloudhead)氏によって開発されました。 最初は Ruby で記述され、後に JavaScript に移植されました。 現在(2015年9月13日)時点の最新版は v2.5.1 です。 大半のブラウザは Less を直接解釈できないため、サーバサイドまたはクライアントサイドで CSS に変換する必要があります。 変数を使用できるので、色や幅などの値を一括で変更することができます。 ミックスイン(クラス継承)を利用することにより、定義済みの CSS 定義を簡単に継承することができます。 関数を利用することにより、数学演算や色演算

    wakuworks
    wakuworks 2015/11/05
    Less もあるし
  • とほほのSass入門 - とほほのWWW入門

    Sass とは Less と Sass Sass と SCSS インストール コンパイル コメント(/* */, //) 変数($var) データタイプ 数値(number) 文字列(string) 真偽値(boolean) リスト(list) マップ(map) 色(color) ヌル(null) 演算子(+, -, *, /...) インターポレーション(#{...}) ネスティング 親セレクタ(&) ミックスイン(Mixin, @include) ビルトイン関数 関数(@function, @return) インポート(@import) パーシャル(_file.scss) 拡張(@extend) プレースホルダ(%name) 制御構文 条件(if) 条件(@if) または(@else) 繰り返し(@for) おのおのに(@each) 繰り返し(@while) ルート(@at-root)

    wakuworks
    wakuworks 2015/11/05
    え…Sass もカバーしてるの
  • 配列をn個ずつの配列に分割して、それをまとめた配列を作る

    前の記事『ブクログのブログパーツAPIを使ってスライドする棚を作る』を書いたとき、配列をn個ずつの配列に分割して、それをまとめた配列を作る、という処理をやったのですが、そのときのメモです。 「1つの配列をn個ずつに分割したい」みたいなことをTwitterに書いたら、 @hell2uさんから 破壊していいならn回shiftしてまとめたのを後ろに追加をループでいいんじゃないか @GeckoTangさんから sliceしてpush と言われたので、両方やってみました。 ちなみに、スライド棚ではshift & pushと似たような処理にしました。 例として、以下の配列を使います。 var baseArr = ['AAA', 'BBB', 'CCC', ... 'XXX', 'YYY', 'ZZZ'];これを3つずつの9個に分割したいと思います。 shiftしてpush(破壊的)var b =

    配列をn個ずつの配列に分割して、それをまとめた配列を作る
    wakuworks
    wakuworks 2015/11/05
  • Getting Started | bluebird

    Browsers (See also Installation.) There are many ways to use bluebird in browsers: Direct downloads Full build bluebird.js Full build minified bluebird.min.js Core build bluebird.core.js Core build minified bluebird.core.min.js You may use browserify on the main export You may use the bower package. When using script tags the global variables Promise and P (alias for Promise) become available. Blu

    wakuworks
    wakuworks 2015/11/05
    Promise.each などの実装がある