Gruntで始めるWeb制作の自動化
Gruntで始めるWeb制作の自動化 Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインストールが可能です。 次にMacではターミナルを開いてgrunt-cliをインストールしましょう。cliとはCommon Language Infrastructureの略でコマンドラインからGruntを利用するためのツールです。 sudo npm install -g grunt-cli パスワードが聞かれるので入力してください。成功すればgrunt-cliのイ
インパクト大！スクロールによるパララックスを実現·Stellar.js MOONGIFT
Stellar.jsは縦横両方のスクロールに対応したパララックスを実現するライブラリです。 最近見かけるようになったパララックス（視差効果）を使ったWebサイト。スクロールによって要素ごとに速度が異なることで面白いイフェクトを生み出します。今回はそんなパララックス効果を演出するライブラリであるStellar.jsを紹介します。 こちらは公式サイトより。 横にスライドします。星の流れはそれぞればらつきがある所が面白いです。 こちらは縦に変化するパターン。 春夏秋冬が表現されています。 画像の切り替わりが格好いいです。 Stellar.jsは縦スクロールはもちろん、横スクロールによるパララックス効果にも対応しています。単純にスライドしていくだけでは分からないスピード感あるイフェクトが提供できるはずです。 Stellar.jsはJavaScript製、MIT Licenseのオープンソース・ソフ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
