[JS]ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty
2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwenty TwentyTwenty -GitHub TwentyTwentyのデモ TwentyTwentyの使い方 TwentyTwentyのデモ デモはスクリプトのページに大きく掲載されています。 モダンブラウザをはじめ、スマフォ・タブレットでご覧ください。IEは8+で。 オプションでオーバーレイのパネルを設定しています。 TwentyTwentyの使い方 Step 1: 外部ファイル 「jquery.js」とプラグイン「event.move.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <script type="text/javascript"
MdN Design｜総合情報サイト
デザイン＆レイアウト 1-09 墨がにじんだような和風文字を表現 原稿用紙に墨で書いたようなイメージをPhotoshopでにじみを加えながら表現する。日本的、伝統的なイメージを強調したいコンテンツに効果的な手法だ。 制作・文／藤原 達（しなやかデザイン） Application Photoshop…CS4 01 文字の塗りの濃淡を表現するテクスチャ ーをつくっていこう。まず、「背景」レイヤー が白の状態で、横書き文字ツールでテキス トを入力する。フォントは明朝系、文字色 は黒にしておく。文字のレイヤーを2つ複製 し、レイヤー名をそれぞれ「キャッチコピー1」、 「キャッチコピー2」、「キャッチコピー3」に して、1と2 は非表示にしておく【1-1】。 【1-1】「キャッチコピー1」、「キャッチコピー2」のレイヤーは非表示とする。 02 「背景」レイヤーを複製し、複製した背景レイヤーと「キャッ
勝屋さん、高須賀さんの AJITO に潜入してきた！ - IT戦記
みなさん、こんにちは！ お元気ですか？僕は元気です。 勝屋さんと高須賀さんのオフィス AJITO に行ってきました！ 先日、弊社の米良と東大の松尾さんと、勝屋さんにお仕事の相談を兼ねてオフィス AJITO に行ってきました！ 左から、勝屋久さん（@katchamans、VentureBeat-Japan）、米良はるかさん、松尾豊さん、僕、高須賀宣さん (@ttakasuka、 id:ttakasuka) です。 オフィスに入ると、高須賀さんもいらっしゃってみんなでワイワイお話してきました！ それが、素晴らしい体験だったので、ブログに残していただきたいと思います。 勝屋さんのスケッチブック お話する中で、勝屋さんのスケッチブックを見せてもらいました。 一見ふつうのスケッチブックなのですが…、開いてみると…？ 携帯電話の写真ではきっと伝わりきらないかもしれないのですが、言葉と絵とそのコンテキス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
都の青少年健全育成条例改正、グーグルやMS、楽天なども反対意見 
