GitHub - jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
jQueryで横スクロールのアニメーションするサイトを作る方法
「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる１つの方法を紹介しちゃいます！。 デモ スクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。 デモを見る 考え方 基本的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。 基本レイアウト HTMLとCSSは、下記のようになります。 <!DOCTYPE html> <html lan
ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法 - かちびと.net
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。 今更感あふれる内容ですけど、Chromeのデベロッパーツールで閲覧中のページで読み込まれているCSSからそのページで使用されていないCSSルールを調べる、という方法。 と言うかただの標準機能の紹介です。便利かどうかは使わないと分からないと思うのでテストしてご判断下さい。 手順 F12でデベロッパーツール開いてAudit（監査）っていうタブを選択し、Runで調査ツールを実行します。 ↑ 直ぐに解析は終わると思います。赤い枠の「Remove unused CSS rules」という部分が未使用のCSSルールです。 ↑ ファイルごとに調査結果が出ます。三角のマークをクリッ
Google ChromeとSafariのCSSハック
Google ChromeとSafariのCSSハックを紹介します。 CSSハックに用いる文字列は以下です。 @media screen and (-webkit-min-device-pixel-ratio:0) {} 使い方ですが、適用したいセレクタ全体を上記の文字列でまるっと括れば、括ったセレクタ（青色）がGoogle ChromeとSafariのみに適用されます。 @media screen and (-webkit-min-device-pixel-ratio:0) { #hoge { padding-top: 1px; } } 複数のセレクタを適用したい場合は、次のようにまとめて書くことができます。 @media screen and (-webkit-min-device-pixel-ratio:0) { #hoge { padding-top: 1px; } .huga {
CSSでfloatを解除する方法のまとめ
CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
amazonと楽天の違い
違いといっても買い物する側の視点じゃなくて、店を出してる側からの視点。書いてる奴は、amazonマーケットプレイス100万、楽天500万月商のネットショップ店長。特定されるとまずいので商品ジャンルとかは書かない。他の店のことは知らない。あくまでうちのはなし。 客層amazon：「クリックすればいつか届く」と思っている人が多いのか、こっちから連絡メールを出しても全然返信が返ってこない。納期遅れの連絡メールでも無反応。そのかわり1〜2日遅れるぐらいではまずクレームにならないしレビューで悪く書かれることも殆ど無い。amazonは30日以内なら一部の商品を除き客都合でも返品を受け付けなければいけないが、1年程やって不良品以外の返品は受けたことがない。もっとも、売上が楽天並になったらどうなるかはわからんけど。 楽天：かなりきめ細かく連絡メールしないとクレームになる。携帯とかで注文してドメイン拒否して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オススメのwebサービス教えてく : はれぞう