スクロール途中から位置が固定されるナビゲーションを作ってみる
ある程度スクロールすると、途中から位置が固定になるコンテンツを見かけたことはありませんか？ 今回はjQueryを使ってそれを作ります。 デモ1 デモ2 途中から位置が固定されるナビゲーションのデモ 1 & 2 ダウンロード 今回使うHTMLはこんな感じです。 <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム（メインコンテンツ）</div> <div id="sidebar"><!-- サイドバー --> <div id="nav">ここを固定する</div> </div> </div>#mainと#sidebarはfloat: leftしています。 これの#navが表示エリア上部から20pxの位置まで来たら位置を固定したいと思います。 position: fixedを使って固定する
tableの行と列を固定してスクロール！！Super Tables | バシャログ。
6月に入り、欧州サッカーの移籍情報が気になってしょうがないishidaです。 WEB制作に携わっていると、表組みだらけのWEBサイトの担当に 長い人生に一度や二度はなる（?）と思います。 tableによる表組みは、行や列が増えすぎるとコンテンツからはみ出したりして 見栄えが悪くなりますよね。 そんな迷える子羊たちを助けてくれるjavascriptライブラリ Super Tables を今回ご紹介いたします。 まずは以下のサンプルをご覧くださいませ。 Super Tables サンプルデモ サンプルのような感じで、ヘッダー部分を固定したり、列を固定できます。 Super Tables 設置方法 配布ページよりデータをダウンロードし、利用したいhtmlのhead要素などでファイルを読み込みます。 <link rel="stylesheet" href="superTables.css" typ
iPhone / iPod touch 手書きメモ系アプリ紹介
このページでは、iPhone / iPod touch を使うなら持っておきたい、定番アプリの１ジャンル「手書きメモ」系のアプリをご紹介しています。 iPhone / iPod touch は画面をタッチしたりなぞったりして操作します。 そのため、メモをするならキーボードより、画面を直接なぞって書ける方が素早く簡単に書くことが出来ますね。 手書きメモ系アプリは iPhone / iPod touch を使うなら必須と言えるアプリの１つと言えるでしょう！ FastFinga ジャンル：手書きエディタ Catalystwo Limited 2009/7 200円 ・詳細を表示する（iTunes が起動します） 「手書きメモ」系アプリの決定版！ 書きやすくて非常に多機能、絵文字や写真も添付でき、タグを付けての分類や検索も可能、それでいて料金も格安という、もう iPhone / iPod touc
見た目も環境面も理想的なフランスの太陽光発電 | ロケットニュース24
フランスのレ・メ（Les Mées）という町が今注目を浴びている。だだっ広い農地にきれいに列をなして並べられているのは農作物ではなく太陽電池パネルである。 設置したのは太陽光発電に力を入れるエネルギー会社のEnfinity社。パネルを設置した総面積は89エーカー（36万183平方メートル）におよぶ。東京ドーム7個分以上。神戸市にある日本最大の垂水JCT（ジャンクション）の総面積とほぼ同じ、と表現したほうがわかりやすい方もいるだろう。この広大な土地から9000世帯分の電気が生みだされている。 Enfinity社が行ったこのプロジェクトにおいて注目すべきは、パネル設置の際も環境面に配慮したことだ。膨大な数のパネルの土台にコンクリートは一切使われていない。農地にそのまま取り付けられているため、パネルの耐用年数である20年が経過したら草地に戻すことができる。 また、景観にも配慮して設置されているた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
