toma-stkのブックマーク - はてなブックマーク

「gulpってどうなの？」に対する返答
Gruntを使ってる人に「gulpってどうなの？」と聞かれる機会が最近何回かあったので、いまさらながら自分の所感を交えて答えてみる。まず、自分がこれからプロジェクトを始めるとしたらgulpを使うでしょう。理由は質問に答えながら書いていきます。 Grunt使い続けちゃだめなの？そうですね。あなたがGruntに十分慣れていて、タスクのテンプレートがあってすぐに開発に入れるならGruntを使い続けてもいいと思います。ただ、今はGruntとgulp両方とも使われていますが、どっちが覇権を握るかわかりません。Gruntしか知らないままgulpの時代が来たときにノウハウの差が多少出るかもしれません。もしあなたがGruntを片手間程度に使っていて、設定してるタスクが「ローカルサーバとライブリロード、あとminify系くらい」な人ならgulpを触ってみる価値はあると思います。同じタスクをgulpでや
toma-stk 2014/07/23
JavaScript
リンク
PhotoShopぽくガイドが引けるChrome拡張を公開した
PixelGuide これなに PhotoShopでガイドを引くのと同じ感じでブラウザでガイドを引くChrome拡張です。ほとんどの機能はRulersGuides.jsというライブラリを使って実現しています。使い方ここからPixelGuideをChromeにインストールします。アイコンをクリックするとパネルとルーラーが表示されます。ルーラーの上にカーソルを乗っけて、そこからクリックしてドラッグするとガイドが引けます。簡単。パネルアイコンをクリックすると開くパネル。機能を上から。各種要素の表示/非表示切り替え All: 全ての表示/非表示の切り替え (ガイドが表示されているときは下の要素に触れないので触りたいときは非表示にします) Guide: ガイドの表示/非表示の切り替え Ruler: ルーラーの表示/非表示の切り替え Info: 各グリッドの大きさなどの情報の表示/
toma-stk 2014/03/02
chrome
リンク
SassとGruntとStyleGuideと
この記事は Frontrend Advent Calendar 2013 16日目のエントリです。今年は色々なツールをワークフローに導入したり使用したりしました。中でもSassとGruntとStyleGuideツールの導入が印象深いので簡単におさらい的に紹介します。 Sass & Compass 「CSSでも十分書けるし」と思って導入を渋ってたSass。OOCSSとかに関するスライドなどから影響を受けてたこともあって、実務で書いてたCSSをSCSSで全部書きなおすというところから始めました。モバイル時代におけるCSSの設計と実装 CSSプリプロセッサの取扱説明書ちゃんとCSSを書くために - CSS/Sass設計の話 WebデザイナーのためのSass/Compass入門 SMACSS SassとCSS設計 CompassはMixin便利だなーと思って使いまくってたんですが、このエント
toma-stk 2013/12/16
リンク
1