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

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

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

もくじ

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

続きを読む

前回公開した「指定した要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインjquery-scrollInTurn.js」ですが、最近このプラグインだけでは物足りなくなってきました。
「指定した要素がスクロールで画面内に入った時」、特定のアニメーション効果などを実装したいときが多々あったので、その部分に特化したプラグインをもうひとつ作りました。

その名も「指定した要素がスクロールで画面内に入った時、イベントを発動させるjQueryプラグインjquery-scrollInFunc.js」です！
ファーストビューに入っていない要素に対してのアニメーションを、スクロール位置によって発動させることができます。

続きを読む

お久しぶりです、デザイン工作員のshibawoです。

今回はIllustratorの散布ブラシを使ってファンタスティックなキラキラをさくっとつくろうという、普段は使わないけどいつかどこかで使ってみたいという願望を込めたTIPSです。さっそくガンガンみっちりとキラキラを量産してみましょう。

続きを読む