リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」:phpspot開発日誌
Creating web sites for the Wii Opera browser Though it may be old news that Wiimote keycodes can be detected by JavaScript in the Wii Opera browser, I could not find a JavaScript library that facilitates handling these input events, so I created my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
注目！Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」:phpspot開発日誌
注目！Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」 2007年02月27日- swfIR: swf Image Replacement When you start to use swfIR, you’ll need the ability to style it, the same way that you can do with regular images. Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」。 こういった仕組みで、久しぶりに感動させられました。 Ajaxにこだわらず、Flashも応用することでこんなことも出来るんだ、と思わせられたものでした。 なんと、<img src="〜"> な画像タグがあったとして、この画像に、動的に角丸やシャドウ効果、回転効果やボーダーを直接かけることが出来ます。 次の
CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法 | S i M P L E * S i M P L E
※ 下記の記事に誤りがありました。謝罪＆修正記事はこちらへ。 あいかわらず流行っている角丸系パーツですが、新しいテクニックが紹介されていたのでエントリー。 » Even More Rounded Corners With CSS – Schillmania.com 一つの透過処理されたPNG画像とCSSだけで下のようなパーツを作れてしまいます。 PNG画像を縮小したりしているみたいですね。もちょっと複雑なデモページはこちら。スクリプトのダウンロードもできます。 » Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS 透過処理もされていてなかなかきれいですが、一長一短があるアプローチなので用途に合わせてお使いください。
第40回 Web開発者が持つべき視点
前回は，Web開発者が，時にクライアントに反対するかのような意見を述べる必要もあるということを書きました。今回は，なぜそのようなことになるのか，Web開発者の視点はどこにあるのかを述べましょう。 ハイプ曲線 本題に入る前に，一つだけ共通知識を持っておきましょう。ご存知の方も多いとは思いますが，「ハイプ曲線」です。ガートナーが考案した，新しい技術が時間とともにどのように推移するかを示すものです。それぞれの「山」や「谷」の部分の深さや長さが，それぞれの技術によって異なり，その程度によって社会へのインパクトを視覚化できると言われています。 本来の意味は様々な文献がネット上に存在するので，ここでは私の意訳的な解釈を述べたいと思います。 テクノロジーの黎明期 技術が生まれて，まだ告知が十分に知れ渡っていない期間。極々少数の開発者仲間の内で認知されている期間。この後爆発的に広まるかどうかは，この人たち
ITmedia Biz.ID：第3回 待ち時間をなくすための軽快アプリケーション (2/2)
Windowsに元々含まれる、軽快アプリケーション メールにWordファイルが添付されていると、「Wordか……」と落胆する（だけでなく、見るのを後回しにする）記者や編集者がIT業界には多い。Wordを起動することを考えると、その重さに辟易するというわけだが、実は対処法もある。 Windows XPのProgram Files\Windows NT\Accessories内にある、「wordpad.exe」を使えば、文字中心のWordファイルなら開ける可能性が高い。しかも、起動は超高速である。文字ベースなら編集も可能だ。 年々高機能化するWindows Media Playerも、実は軽快に動作するバージョンが残っている。Windows XPのProgram Files\Windows Media Player内にある、「mplayer2.exe」は、バージョン6.4のWindows Me
ネットサービスでやってはいけない14のこと（Guy Kawasaki版） | P O P * P O P
このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました（本当は14ありますが、Guyさんはなんでもポイントを10にするので有名）。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
ノリコの巣: secondlife 覚書 Archives
どうもこんばんわ。 昨日はジェダイ村でシスシャドウの襲撃を受けていました。 同じクエストを受けていた方達とグループを組み、楽しいひと時を過ごせました。 屈強なシスシャドウたちも私のフェロモンにメロメロだった模様で、愛の機銃掃射を浴びせてくれました。ｳﾌﾌﾌ セカンドライフのレナコスプレ話は追記にありますです… さて、前回の日記に書きましたレナコスプレ。今回は俗に言う「ひぐらしモード」の目を作ったんですが… こんな感じ↑ しかし装着してみると… 山羊か羊みたいに… んで90度回転させてみました。 装着させてみると… できた！ これでヤットあの台詞が言える… 「嘘だッ！！」 お粗末さまでした（笑
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
第28回 Webデザインをマーケティングに役立てるヒント
この連載では，ユーザビリティ系の使いやすさをテーマにしていますが，今回はそれをマーケティング活動につなげていくことについて書いてみます。 古典的商品絞り込み機能 まずは，RIA（Rich Internet Application）の歴史でもはや古典的な名サイトを紹介しましょう。visokio（旧iokio）の「CameraFinder」です。リンクを張っておきますので，ぜひともご自分で操作して，「体験」してください。 操作はいたって簡単です。デジタル・カメラ屋さんの店頭で実際に見るように，最初は様々なデジカメが並んでいます。しかし，右側にある「スライダーバー（青い部分）」を操作することで，その条件にマッチしたデジカメだけが絞り込まれていく（画面に残っていく）という仕掛けです。 仕組みも単純です。各商品に属性として，それぞれの「スライダーバー」に対応する情報が埋め込まれていて，指定された条件
インストール完全ガイド Fedora Core 6：ITpro
●名称：Fedora Core 6 ●提供元：Fedoraプロジェクト ●URL:http://fedoraproject.org/ ●対応機種：PC AT互換機，PowerPC搭載機 Fedoraプロジェクトは2006年10月24日（米国時間），同プロジェクトが開発するLinuxディストリビューション「Fedora Core 6」を公開しました。Fedora Coreは，さまざまな先端機能をいち早く実装することを重視して開発されているLinuxディストリビューションです。 Fedora Core 6では，デスクトップ環境「GNOME 2.16」やCライブラリ「glibc-2.5」，コンパイラ「gcc-4.1.1」といった最新パッケージを，ほかのLinuxディストリビューションに先駆けて採用しています。また，グラフィック・カードのアクセラレーション機能をX Window Systemから利
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
ウェブデザインに使える16のジェネレーターツール - DesignWalker
The Vim commands cheat sheet
Windowsのコマンドラインで使えるファンクションキー一覧 | IDEA*IDEA
