福岡市の様々なデータを、わかりやすいイラストとインフォグラフィックで紹介します。
福岡市の様々なデータを、わかりやすいイラストとインフォグラフィックで紹介します。
%7B%22ajaxCall%22%3Afalse%2C%22environment%22%3A%22production%22%2C%22production%22%3Atrue%2C%22is_mobile%22%3A%22%22%2C%22date%22%3A%22270122%22%2C%22localeCountry%22%3A%22jp%22%2C%22session_id%22%3A%22Z_4kAQXm39o7b55bU-ONjiZpUTZ_xRNoosQ%3D%22%2C%22innerCall%22%3Afalse%2C%22page_type%22%3A%22clp%22%2C%22analytics%22%3A%7B%22tags%22%3A%5B%7B%22event%22%3A%22ready%22%2C%22type%22%3A%22pageview%22%2
北海道、札幌に拠点を構える、Webサイトを成功に導くウェブブランディング&クリエイティブチーム株式会社GEAR8(ギアエイト)。クライアントの「伝えたい」とユーザーの「知りたい」を繋げるコミュニケーション上手なホームページを制作します。
作成:2014/06/2 更新:2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク 1.マスク・キャプション 2.円形キャプション 3.全画面+オーバーレイ 4.ストライプの背景 フルスクリーン系 5.スライド+フルスクリーン 6.全画面背景動画 7.パララックス 8.フルスクリーンにフィット 9.背景画像をブラウザごとに最適化 10.メガメニュー 画像可変 11.画像で枠線を表現する 12.半透明+フィルタ 13.文字以外を透明にしてレイヤーさせる 図形 14.ループ+ローディング 15.3Dボックス 16.矢印ナビ 画像切り抜き 17.六角形 18.卵型+星形
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。 1ページコンテンツ用のスクロール関連 パララックス スクロール関連 スクロールで定位置関連 その他スクロール操作・補助関連 スクロールバー関連 レスポンシブ関連 エフェクト関連 ナビゲーション関連 レイアウト関連 画像ギャラリー関連 画像拡大・配置・キャプション関連 コンテンツスライダー関連 カルーセル関連 アニメーション関連 フォーム関連 コンテンツのツアー関連 テキスト関連
パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 実装方法を簡単に紹介します。 HTML デモのHTMLをシンプルにするとこんな感じになります。 各スライドはdivで配置し、それぞれclassにslideを、idで個別の名称を付与します。 <div id="title" class="slide header"> <h1>Pure CSS Parallax</h1> </div> <div id="slide1" class="slide"> <div class="title"> <h1>Slide 1</h1> <p>パラグラフ パラグラフ</p> </div> </div> <div id="slide2" class="slide"> <div class="title"> <h1>Slide 2</h1
というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します(大賞が5つもあることに関しては気にしないでください) αブログならぬ、αサイト!レッツスタート! ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。 ノミネート15作品 ゲスの極み乙女。 official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく(いい意味で)。とくにMEDIAページね。 そんなわけで、このサイト、デザインというよりインパクトで受賞。 胸やけ・吞酸劇場〜胸屋家の酸っぱい1日 このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。 さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く