タイムライン形式のスライダー実装「Timeline.js」:phpspot開発日誌

2017/06/07 8 users スライダー実装 phpspot開発日誌 タイムライン形式

Timeline.js - easily creates timeline slider タイムライン形式のスライダー実装「Timeline.js」 年号等と同時に画像、テキストを表示することが出来、何らかの歴史等を表示するのに最適っぽいUIが実現できます。 コーポレートサイトの沿革、何かにも使えそうです 関連エントリ 分かりやすく美しい直感的に使えるタイムラインを実装できる「Timeline J... 続きを読む

CSS3を使って画像をスライド（平行移動）させてみる - 攻めは飛車角銀桂守りは金銀三枚

2015/10/08 27 users スライド 飛車角銀桂守り 金銀三枚 CSS3 WebKit

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

2014/11/29 75 users DesignDevelop ポートフォリオサイト 自身 作品

自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか？そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider... 続きを読む

slider

2014/09/27 27 users

前説 時は遡り……このスライドを書き始めた頃 「3DCG Meetup は初参加だしな！」 前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか…… 続きを読む

軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」:phpspot開発日誌

2012/09/25 72 users jQuery div スライダー phpspot開発日誌 軽量

Swipe JS - a lightweight mobile web slider 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 <div><ul> でリストを定義して<div>をJSで初期化するだけでスワイプでページ送りができるスライダーが簡単実装できます jQueryに依存していないため、軽量。カスタマイズ項目も必要最低限となっているようです 関連エントリ PCでもスマホでも... 続きを読む

[CSS]画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート | コリス

2012/06/27 79 users コリス パラグラフ CSS 半透明 スライダー

CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <... 続きを読む