ブックマーク / t32k.me (4)

  • Grunt/Gulpで憔悴したおっさんの話 | MOL

    先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ

    Grunt/Gulpで憔悴したおっさんの話 | MOL
    bouzuya
    bouzuya 2015/03/27
    ブコメ
  • Wisteria:デザインツールとしてのCSS - MOL

    Wisteria.css: A class selectors based harmless CSS library. t32k/wisteria WisteriaというCSSライブラリ作った。基的な用途としてはモックアップや後方互換とかそこまで考えなくていい、小規模の個人用のページとかで使われることを想定している。 Skeletonという、すごくシンプルなCSSライブラリがあるのだが、僕はこれが好きで、ちょっとしたものとか作るときによく使用している。このブログもSkeletonをベースにしているくらいだ。 でも最近使ってて、なにかこう違和感というか、相容れないモノを感じたので、思い立って自分用のCSSライブラリを作ってみたのだ。 Harmless Wisteriaを作るにあたって、一番気をつけたことは無害であること。つまり要素にスタイリング(h2 { font-size: 24px }

    Wisteria:デザインツールとしてのCSS - MOL
    bouzuya
    bouzuya 2015/02/05
  • 修正しやすいCSSとは - MOL

    @hilokiという男がいる。この男と初めて出会ったのは7年前だろうか、当時細々と石川でブログを書きながらWebデザイナーをしていた僕に初めて勉強会で声をかけてくれた人物である。 それ以来、当時彼が住んでいた大阪の勉強会と石川の勉強会で互いに参加しあったりして親交を深めていった。ついには2年という短い間ではあったが、某緑の会社で同僚として働けたことは当かけがえのないものと感じている。 そんな彼が最近2冊目の単著を出した。1冊目の『HTML5+CSS3で作る 魅せるiPhoneサイト』はもちろん購入して読書済だが、当に丁寧に書いてあり分かりやすかった印象がある。そんな彼の出すだから間違いないのは当たり前だが、特筆すべきは扱っているテーマだろう。 最近のCSSのWeb参考書というと、CSS3でこんなことができちゃいます〜、だとかアニメーションでこんなことがっ!?とか、こんなグラフィカルな

    修正しやすいCSSとは - MOL
    bouzuya
    bouzuya 2014/08/05
    書籍紹介。ちょっと気になる。
  • grunt-initとYeoman — MOL

    愛しのMapleのScaffold(足場組み:プロジェクトに必要なコード一式を揃えてくれる)にはgrunt-initを使用していたがyoに変えた。これまではYeoman自体なんかゴツくてやだなと漠然と思ってたんだけど、Gruntだけでかゆいところに手が届かなくて、あれやこれや拡張しようと思ったら煩雑になってくるので、いっそのことYeamon1つで収まるのならそれもまた良いのかなと思ってきた。俺も年ったもんだ。 Project Scaffolding - Grunt: The JavaScript Task Runner Yeoman - Modern workflows for modern webapps これまでのgrunt-initを使ってMapleプロジェクトを使うとこまでの手順。 # プロジェクトディレクトリを作成して移動 $ mkdir maple_proj && cd ma

    bouzuya
    bouzuya 2014/01/11
    なんかyoyo言ってる。
  • 1