【怖くないJavaScript + jQuery】スクロールの位置によってついてくるメインメニュー
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は、スクロールに合わせてついてくるメニューを作ります。 デモ 実際に動かしてみるとこんな感じになります。 フレーム内を縦にスクロールすると、ナビゲーションが途中から上部に固定になります。 デモを別ページで開く ファイル一式ダウンロード ナビゲーション要素のid、切り替えるスクロール位置の高さがそれぞれ変更できます。 そのままでもお使い頂くこともできますが、下記に動作の解説です。 Step1：まず下準備 こちらはいつもと同じですね。まず必要なファイルを読み込みます。 headerの中に、jQueryと、自分で作ったjavascriptのファイル（今回は stalker.js とします）を読み込みます。 <head> <script src="common/js/jquery.js" type="text/ja
参考にしたいCSSでできるテーブルデザイン10選
こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co.uk/csstablegallery/tables/42.php 黒を基調に、リンクに青色を使っているテーブルです。 英語だからいいのかもしれないのですがスタイリッシュなテーブルです。 Casablanca http://icant.co.uk/csstablegallery/tables/71.php グレーと赤を使ったテーブル。色
Webデザインをパーツで参考にできるサイトまとめ
こんにちは、工藤です。 Webデザインの際、パーツで悩んでしまうことがよくあります・・。 今回はパーツ毎にまとめてくださっているサイトをご紹介します。日本語サイトが多めです。 パーツ全般を集めているサイト ブブンデザインアーカイブ http://bubundesignarchive.jp/ Croppy http://croppy.org/ MephoBox http://box.mepholio.com/ メインビジュアル関連 WEBデザインのメインビジュアルまとめ http://mainvisual.net-king.com/ MAIN VISUAL collection http://mvisual-collection.dslrs-journal.info/ 見出し関連 見出しデザイン.com http://midashi-design.com/ Typography For He
余暇でWebサービスを作ることを挫折しないために
会社でWebサービスを作っていると楽しいですが、まったく自分の思い通りにいくわけではありません。 会社でやる以上、収益性の面や様々な人の客観的な意見もあり、形にするまでに時間もかかります。 クリエイターであれば自分のアイデアを100％活かしてサービス作りたい、という気持ちは誰にでもあると思います。 会社では企画が通らなかったけど、だったら個人ででも作ってやろう。 そういう方はたくさんいらっしゃると思います。 IT業界では、「なんか一緒に面白いことやりたいよね！」「なんかすごいことやりたいよね！」というのは挨拶代わりのようによく聞きます。 でも実際に形にしている人はごくわずかで、週末や帰宅後の時間を使うにしてもなかなかにできることではありません。 (だから電車の移動中や週末とか使って作っているような人は本当に尊敬します。) 自分がなんでいつも挫折するのかな、ということを踏まえたうえで、モノづ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モノづくりブログ