スライドショー 無限ループの考え方 | ENDESIGN
今回解説するのは某アートディレクション事務所のサイトにあるような 画像が左に消えて右からでるような無限に続くスライドショーです。 色々なやり方があると思いますが、僕は float を利用した 方法で作 今回解説するのは某アートディレクション事務所のサイトにあるような 画像が左に消えて右からでるような無限に続くスライドショーです。 色々なやり方があると思いますが、僕は float を利用した 方法で作っていきます。 完成品はこちらです。 -デモ あえてスライドを早くしています。 HTML <div id="slide_wrap"> <div class="slide">One</div> <div class="slide">Two</div> <div class="slide">Three</div> <div class="slide">Four</div> <div c
jQuery 1.9以降で「has no method 'live'」と出たら、 $(document).onを使う - Qiita
動的に生成された要素にイベントを割り当てられる「.live」メソッドは、jQuery 1.9からなくなったようです。代わりに使うのが「$(document).on」というメソッド。セレクターは第2パラメーターに指定します。
吹き出しやリストマーカーに使える三角形を CSS で作る
特に目新しい方法ではないですが、デザイン内に出てくることの多い三角形のあれ （謎） を簡単に CSS で作る方法について。 しばらく CSS ネタ的なの書いていませんでしたので書いてみようと思います。 三角形のあれというのは、よくリスト型メニューにアイコン的に使われていたり、メインメニューでアクティブな項目に付けたり、Tips などを表示する際に吹き出し的な見た目を作る場合に使われたりする、下記のような部分のことです。 これを CSS のみで簡単に再現する方法を解説してみます。CSS は class の付け方でカラーやサイズなどを簡単に適用できるようにしてみましょう。また、今どきっぽく Sass 向けに mixin （ミックスイン） のサンプルも紹介しておきますので参考まで。 CSS による基本的な三角形の作り方 いまさら詳しく解説するまでもないですが、下記のように border プロパテ
商用可！テクスチャやパターンなど、背景に使える高品質なフリー素材のまとめ
最近トレンドのぼやけた感じのブラーな背景、細かい模様のざらっとした繊細なパターンを使った背景、紙・布・木・皮などのリアルなテクスチャなど、背景に使えるフリー素材をまとめました。 使い勝手のよいミニマルなものからカワイイものまで、まずは個人的によく使う定番のSubtle Patternsから。 Subtle Patterns 個人・商用利用無料。 全380種類、繊細な柄のパターンを使った背景素材がダウンロードできます。 使う時にカラーを変更したい時は、Photoshopの動画チュートリアル（YouTube）を参考に。 Subtle Patterns Photoshop Plugin Subtle PatternsをPhotoshopで使う時はこのプラグインが便利、Photoshopのパネルからパターンを簡単に利用できます。 僕も実際に使っています、有償ですが一度使ったら手放せないですね。
ランディングページとは何か、これで分かる！ | Ｗｅｂ集客の開花塾
ランディングページ（LP）とは何か？ 通常のホームページと何が違うのか？ 両者の違いを５つ説明し、なぜランディングページが、問合せを増やすことに長けているのか？ そのメカニズムを説明します。 ランディングページとは何か？ ランディングページ（landing page）とは、直訳すれば着地ページとなり、ユーザーが最初に訪問するWebページのことをいいます。 ユーザーが最初に訪問するページですから、どんなサイトにもランディングページは複数あり、それはユーザー毎に異なることになります。これが広義のランディングページで、日本では一般に「着地ページ」と言うことが多いです。これに対しカタカナで「ランディングページ」という場合、次の狭義のランディングページを指すことが多いです。 ランディングページ（狭義）： 主にネット広告のクリック後に表示され、問合せや購入を促すことに特化した、独立した１ページのことを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
