『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。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よりま
本格的に夏がやってまいりました。何かとイベントが多い季節であり、同性異性を問わず、いろんな人との新しい出会いも生まれがち。暑さにグッタリしながらも、心浮き立たずにはいられません。 昨今は、ツイッターでのつながりを元にした「ツイ飲み」や、mixiのコミュニティのメンバーが集まったりする「オフ会」など、ネットがきっかけになって、初めて会う人と飲んだり話したりする機会が増えています。 もはやぜんぜん特別なことではなく、飲み会のきっかけの主流になっていると言ってもいいでしょう。 同じ初対面でも、まったく知らない人に「はじめまして」とおずおずと挨拶する場合と、ネット上では何度もやり取りしている相手と初めて顔を合わせて、「ああ、あなたが○○さんですか!」などと挨拶する場合とでは、かなりニュアンスが違います。 相手の人となりがわかっている分、気が楽ともいえますが、それ以上にまた別の気づかいをせざるを得ま
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ページを開く