chromeには拡張機能があることをご存知でしょうか。
個人的によく使っている、web業界で働く人には絶対に役立つものがこの中にはある！11選です。

もくじ

• マウスジェスチャ：Gestures for Google Chrome
• キャプチャを取る：FireShot
• 後読みをワンクリックで：Save to Pocket
• 英和辞書、翻訳：Weblioポップアップ英和辞典
• よく利用するサイトのCSSを整形：Stylish
• 複数ウィンドウを任意のレイアウトで配置：Tab Resize
• headlineタグのレベルを視覚化する：HTML5 Outliner
• METAのチェック：META SEO inspector
• altタグやリンクなどのチェック：Web Developer
• 一度にクリップボード内のurlを開く：Pasty
• フォームの内容を記憶、呼び出す：Form Save And Restore

続きを読む

前回書いた静的サイトジェネレータ「Phest」導入のメリット5の続編です。
前回は初期コーディング時に導入した際の話を書きました。
今回は既にあるサイトのリニューアルや、商品追加などのある程度規模の大きい更新に対してPhestを使ってみた時の話です。

リニューアルや更新はもしかしたら初期構築よりややこしいかもしれません…
既存のソースを理解し、影響範囲を常に意識しながら作業する必要があります。
だいたい既存のソースをある程度ひっぱってきてテスト環境を作り、変更したファイルを書き留めながら進めます。
小さい規模だとこのやり方でいいのですが、規模が大きくなってくると手に負えなくなってしまいます。

なので、Phestで楽になりましょう！

もくじ

• そもそも静的サイトジェネレータとは？
• メリット1:変更のあるファイルのみをまとめておき、編集できる
• メリット2:既存のcssファイルに対して、sassを導入しやすい
• メリット3:大量生産系の作業に特化している
• メリット4:静的サイトジェネレータ「Phest」導入のメリット5であげたメリットも使えます
• 既存サイトにPhestを組み込む際の導入手順
• まとめ

続きを読む

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
まさかgulpネタをこんなに引っ張ることになるとは思わず、アイキャッチは使いまわしです。
今回は、細かい便利な機能をgulpに乗せてみましょう。

今までの記事はこちら

• gulp入門その１―とりあえず動かすところまで
• gulp入門その２―ファイルの監視をしてみる

もくじ

• 同期処理をする
• ローカルサーバを立ててライブリロードする
• CSSのminifyしたりプロパティを並び替えたりする
• package.jsonでモジュールを管理する
• まとめ

続きを読む

こんにちわ。
マークアップの田村です。
2週連続でクリエーターブログを書かせていただきます。

今回はコーダーの皆さんはぜひ使っていただきたい「photoshop2014」のアセット機能を紹介したいと思います。

続きを読む

マークアップの田村です。

今回は自分が使用している便利なジェネレータを紹介しようと思います。
とりあえず、これだけブックマークしておけば迷った時にすぐ使用できます。

続きを読む