『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
2010年07月21日 はてな民って本気で「俺達がネットを作っている(キリッ」とか思ってそうで気持ち悪いよねw Tweet 3コメント |2010年07月21日 18:00|おもしろ|Editタグ :ネタはてなランチパック(笑) http://tsushima.2ch.net/test/read.cgi/news/1279622277/2 : 音楽家(東日本):2010/07/20(火) 19:38:57.92 ID:6qmKuzEE はい 67 : フランキ・スパス15(dion軍):2010/07/20(火) 20:32:48.13 ID:RfkoCe98 ライフハック(笑) 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 3 : AV女優(愛知県):2010/07/20(火) 19:39:00.65 ID:KVKIUchQ まだ勘違い政治家だしてないだけ2chよりま
1963年三重県生まれ。月刊誌の編集者を経て、1993年に『大人養成講座』でデビュー。以来、大人モノの元祖&本家として、日本の大人シーンを牽引し続けている。 『大人力検定』『大人の超ネットマナー講座』『無理をしない快感』『失礼な一言』『押してはいけない 妻のスイッチ』など著書多数。 故郷の名物を応援する「伊勢うどん大使」「松阪市ブランド大使」も務める。 HP「大人マガジン」http://www.otonaryoku.jp/ 石原壮一郎「大人のネットマナー教室」 今や、ネットなしでは夜も日も明けません。しかし、メールにせよツイッターにせよSNSにせよ、その“マナー”や“ルール”は極めて曖昧な状態にあります。ネットの危険な落とし穴にはまらないために、ネットをさらに便利に楽しく使いこなすために、いろんな状況における「大人のネットマナー」を追求していきましょう。 バックナンバー一覧 本格的に夏がや
MopBox 複数パネル(デモには100以上のパネルも)の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
jQueryの特徴の1つは、Webサイトに動きを付ける「アニメーションエフェクト」を手軽に実装できることです。jQueryで実現できるのは、セレクターで指定したHTML/XHTML(以下、HTML)要素のサイズや位置、透明度を時間の経過とともに徐々に変化させ、動いているように見せる簡単なアニメーションですが、最近のWebデザインで用いられる“動きのあるUI”を作るのには重宝します。 今回は、jQueryに用意されているアニメーションエフェクト関連の命令を紹介します。 非表示状態の要素を表示するshow() show()は、CSSのdisplayプロパティの値が「none」、つまり非表示に設定されているHTML要素を、アニメーション付きで表示状態(display:bolck;)に切り換える命令です。要素の透明度を透明から不透明にしながら、サイズ(高さ/幅)を0から本来のサイズに変化させます。
1番上のコンテンツ あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお 2番上のコンテンツ かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ 3番上のコンテンツ さしすせそさしすせそさしすせそさしすせそさしすせそさしすせそ 4番上のコンテンツ たちつてとたちつてとたちつてとたちつてとたちつてとたちつてと 5番上のコンテンツ なにぬねのなにぬねのなにぬねのなにぬねのなにぬねのなにぬねの $(function () { $('ul.spy').simpleSpy(); }); (function ($) { $.fn.simpleSpy = function (limit, interval) { limit = limit || 4; interval = interval || 5000; return this.each(function () { // 1. se
梅雨明け!バンザイ!nakamura です。 例えばユーザがアップロードした画像を決まったサイズのエリアに表示するような処理。よくあると思います。(画像を動的に生成するのではなく、img タグの height と width を動的に生成するやつです。)よくある割にいまいち理屈を忘れがちなので今日は個人的な備忘録も兼ねてエントリーします。 まぁよくよく考えてみれば何てことはないのですが、、、一応順を追って整理してみましょう。 いくつかのパターンで考えてみる 仮に横 320px、縦 240px の表示エリアがあるとして、色んなサイズの画像をその中にちょうどいい感じで表示する理屈を考えてみましょう。 縦も横も表示エリアより小さい場合 赤の点線が表示エリアで、黒の実線が実画像とします。 図のように横長の画像を表示エリア内にぴったりフィットさせる場合。直感的に分かると思いますが、横辺の長さが表示エ
個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというのを一緒に使うの
かれこれ30年以上もこの業界でプログラムを毎日のように書いて来た私。当然、自分なりの働き方のノウハウみたいなものも会得して来たつもりだ。以前ここに「私のとっておきのプログラミングスタイル」というエントリーを書いたので、まだ読んでいないプログラマーの方にはぜひとも読んでいただきたい。 ちなみに、そんな中でも後輩とか部下に教えるのが一番難しいのが、「スタートダッシュでできるだけはやくめどをつける」という仕事スタイル。どのエンジニアも、ちゃんと説明すればこの働き方の効用は理解してもらえるのだが、実際の現場でちゃんと実行できる人は100人に1人もいない。 「人はみな怠惰だから、締め切りに迫られなければがんばれないんだ」と言ってしまえばそれまでだが、「まがりなりにもプロとして仕事をする限りは、ペース配分ぐらいはちゃんと考えて仕事をすべき」というのが私の主張。トップクラスのマラソンランナーでペース配分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く