簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」｜BLACKFLAG
最近でもよく見かけるWebページ内をスクロールしてコンテンツを効果的に魅せる技法として、パララックス（少々今さら感も感じますが・・・）効果に加えて最近ではコンテンツ全体をフルスクリーン表示にして、スクロールすることで1コンテンツ分が自動でスクロールされ、次画面へ遷移するさせる技法がよく見られます。 そんなWebページ内でスクロール効果を使った動作を実装する際に役立ちそうなJSスクリプト＆jQueryプラグインを3つほど紹介してみます。 skrollr – parallax scrolling for the masses skrollr – parallax scrolling for the masses スクロールによって様々なパララックス効果を簡単に実装することができる軽量JSスクリプト「skrollr」。 デモページを見るだけでもこの「skrollr」で様々なパターンのパララックス
フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」:phpspot開発日誌
Pie Chart jQuery Plugin - Flat Framework フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」 次のようなフラットでインタラクティブなグラフが描画できるプラグイン。 フラットってなんでこんなにシンプルなのにカッコいいんでしょうね 関連エントリ 線グラフを描くだけの軽量グラフ描画JS「Aristochart」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」 テーブルをグラフに変換してくれるjQueryプラグイン
いまさら聞けないCSSレイアウト入門
2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t html5j／HTML5とか勉強会スタッフ／ビギ ナー部 (副部⻑⾧長) Google Developer Experts (Chrome) HTML5 Experts.jp エキスパートNo.3 Web先端技術味⾒見見部 (顧問)／⽇日本jQuery Mobileユーザー会 (管理理⼈人)／Sublime Text 2 Japan Users Group (管理理⼈人)／allWebク リエイター塾 jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/
試してみよう。背景の要素を自然にぼかす·Vague.js MOONGIFT
Vague.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 iOS 7が登場した直後に一気に注目を集め始めたのが背景をぼかす表現ではないでしょうか。類似のライブラリは幾つかあると思いますが、今回はVague.jsを紹介します。 一例。メインの画像以外はぼかしています。 画像を切り替えることもできます。アルバムに良さそうです。 こちらは中央以外がぼやけています。 こんな感じの表現も可能です。 Vague.jsでは擬似的ではなく、Webページの上に一枚重ねてぼかし表現を加えています。そのため若干重たい気がしますが、画像だけでなくテキストもぼかされるのでより正確な表現ができるようになっています。 iOS 7のレイヤーの重なり具合を表現するUIは新鮮ですが、自然なパララックスはとても難しいです。そこに大きな需要があるのではないかと
フロントエンド開発者向けのAlfred Workflow - アインシュタインの電話番号
1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
