タグ slider
人気順 10 users 50 users 100 users 500 users 1000 usersタイムライン形式のスライダー実装「Timeline.js」:phpspot開発日誌
Timeline.js - easily creates timeline slider タイムライン形式のスライダー実装「Timeline.js」 年号等と同時に画像、テキストを表示することが出来、何らかの歴史等を表示するのに最適っぽいUIが実現できます。 コーポレートサイトの沿革、何かにも使えそうです 関連エントリ 分かりやすく美しい直感的に使えるタイムラインを実装できる「Timeline J... 続きを読む
CSS3を使って画像をスライド(平行移動)させてみる - 攻めは飛車角銀桂守りは金銀三枚
2015-10-08 CSS3を使って画像をスライド(平行移動)させてみる はてな シェアする Google+ Pocket CSS3を使って画像をスライド(平行移動)させてみる CSS3で画像を画像をスライド(平行移動)させる使用するCSSは <style type="text/css"> .slider { animation: slider1 4s infinite; } @-webkit-... 続きを読む
ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free Wordpress Themes For Creative Portfolios」 | DesignDevelop
自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか?そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider... 続きを読む
slider
前説 時は遡り……このスライドを書き始めた頃 「3DCG Meetup は初参加だしな!」 前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか…… 続きを読む
軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」:phpspot開発日誌
Swipe JS - a lightweight mobile web slider 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 <div><ul> でリストを定義して<div>をJSで初期化するだけでスワイプでページ送りができるスライダーが簡単実装できます jQueryに依存していないため、軽量。カスタマイズ項目も必要最低限となっているようです 関連エントリ PCでもスマホでも... 続きを読む
[CSS]画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート | コリス
CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <... 続きを読む