CSS Transitionを使ったスムーズにスクロールしてトップに戻る機能 - Weblog - Hail2u.net

2015/05/10 74 users マージン Weblog hail2u.net CSS 試行錯誤

前に作ったスクロールした時に位置固定のロゴをトップに戻る機能にすり替えるものを少し手直しして再導入した。今回はスムーズにスクロールさせようかと色々考えていたが、やはりJavaScriptでscrollTo()を制御するのはコストが高い。CSSならどうだと試行錯誤したところ、どうやらbody要素への負のマージンをCSS Transitionで滑らかに変化させれば良いようだ。 View Demo: S... 続きを読む

人気サイトのfont-family - r7kamura's Hakolog

2012/05/09 58 users font-family Google.co.jp Body

国内でトラフィックランキング1-20位周辺のサイトの、body要素に対するfont-family指定方法を調べた。 /* yahoo.co.jp */ body { font-family: "MS PGothic", "Osaka", Arial, sans-serif } /* google.co.jp */ /* google.com */ /* youtube.com */ body { ... 続きを読む

H2O Blog., jQuery Mobileで JavaScriptを記述するときはhead内に

2011/12/17 22 users head内 BBS jQuery Mobile H2O 処理

jQuery Mobileで構築しているページにJavaScriptを記述するときは、head要素内に記述しましょう。 body要素に記述してしまうと、処理が2回走ってしまうことがあります。いくつか検証したのですが、どのようなパターンで2回発生するのかが掴み切れていませんが、次のBBSでやりとりされています。 jQuery mobile duplicated events - Stack Over... 続きを読む

[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス

2011/08/02 356 users YouTube jQuery tubular コリス 背景

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 tubular 背景いっぱいにYouTubeの動画を表示します。 YTPlayer こちらはbody要素や各エレメントの背景にYouTubeの動画を表示 [...] 続きを読む

最初に指定しておくと便利なCSS | Tech de Go

2007/03/11 751 users CSS 最初 Tech de Go charset Body

CSSのテンプレートを作成する際に、必ず入れていて便利だと思うものを紹介します。body要素に指定する事に関してはいろいろなところで語られているので、ここでは他のテーマなどのCSSを見ていて便利と思って取り入れているものなど。それ以外で私が始めに設定しておくHTMLタグとその設定です。 CSS @charset "utf-8"; body { margin: 0; padding: 0; back... 続きを読む