Yahoo! UI Library: TabView
The TabView component is designed to enable developers to create navigable tabbed views of content. Quick Links: Examples: Explore examples of the TabView Control in action. API Documentation: View the full API documentation for the TabView Control. Release Notes: Detailed change log for the TabView Control. License: The YUI Library is issued under a BSD license. Download: Download the TabView Con
Adobe Podcast 「アドビ ポッドキャスト」
Adobe Podcastは、ソフトウェアの基本的な使い方、Tips、テクニック、製品情報など、クリエータのみなさまにお役立ていただける情報をビデオでお届けします。 第15弾の今回は、新たに登場したAcrobat 9を始め、デザイン、WEB、ビデオまでのあらゆる製品のチュートリアルビデオ8本を追加しました。ぜひ、気になるPodcastコンテンツをクリックしてください！ ※Adobe Podcastのコンテンツをご覧いただくためには、iTunesが必要となります。 iTunesのダウンロード、および、iTunesの詳しい情報はこちら Adobe Acrobat 9の新機能「プリフライト」を解説します。「プリフライト」によって、入稿前のPDFの最終チェックが容易になり、一層便利になりました。簡単なフローとともにご紹介します。 (Podcast, 6:20 mins) Acrobat 9では
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ベース機能の構築完了 過去のサイト更新情報
CSSで実現するスマートなロールオーバー
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
オンラインブックマーク『Googleブックマーク』を薦める１０の理由 | Google Mania - グーグルの便利な使い方
オンラインブックマーク『Googleブックマーク』を薦める１０の理由 管理人 @ 6月 16日 11:48am Firefox, Google Bookmarks, Google Toolbar, iGoogle 「Googleブックマーク」はGoogleアカウントがあれば誰でも利用できる便利なオンラインブックマークです。 どこからでも使えるので、大事なページをブックマークして、いつでも使える状態にしてもいいし、ソーシャルブックマークのように、後で読みたいサイトを片っ端からブックマークしても便利です。 筆者は後者のような使い方です。Googleツールバーを使って、１クリックでブックマークして後で眺めたり、必要なサイトは検索ボックスから検索したりしています。 Googleブックマークは使い方次第で大変便利になります。 以下に、Googleブックマークの便利な使い方をご紹介します。 どこからで
ブログを書くのに便利な19 のFirefox拡張機能 - GoogleMania | グーグルの便利な使い方
ブログを書くのに便利な19 のFirefox拡張機能 管理人 @ 6月 8日 06:03pm Firefox, Google Toolbar, Google ノートブック 筆者もFirefoxユーザーのひとりですが、特にブログを更新するに重宝しています。 lifehack.orgにて、「17 Firefox Extensions That Make Blogging Easy」という記事が紹介されていましたので、自分の勉強のためにも簡単に訳しておきます。 情報収集 Google Notebook ノートブック拡張機能をインストールすると、保存したいコンテンツをハイライトして、「右クリック＞メモを追加（Googleノートブック）」を選択するだけで、ノートブックに保存することができます。また、メモには、保存したコンテンツへのページへのリンクも同時に保存されるので、筆者もよく利用しています。 S
CSS が valid でなければいけない理由って何ですか？ - lucky bag
って質問されたら、これだ！っていう答えが思いつかない。valid ではない CSS ってのは、単純な記述ミスとかではなくて、例えば Safari の複数背景画像や Opera の opacity なんかの先行実装、もしくは -moz 系などの独自実装を使うことで invalid となっているケース。 (X)HTML で invalid だと、パーサが処理出来ないとか内容が表示されないとかクリティカルな issue が発生するかもしれないけれど、CSS では意図して invalid なコードを書くケースってのがあると思う。それが良いか悪いかは別にしてね。 んで、タイトルの問い。仕様に沿った記述をすべきっていう真っ当な回答があるんだろうけど、なんかこう膝を打つような回答って何だろ。あなたが書く CSS は valid ですか？ valid であろうと心がけていますか？ そうあるべき理由って何で
picasa2flickr - flickr upload plugin for picasa
Latest news 20 January 2009 - Update for MAC OS X: Google has updated the picasa button API (thx to B. Quorning). A new parameter called bundleid is needed for MAC. I have updated the picasa2flickr button 27 September 2008 - Picasa 3 update: Google has updated Picasa 3, latest version (3.0.0 build 57.24,0) is now working well without any workaround, so simply install the "regular" picasa2flickr bu
Photoshop CS3の「クイック選択ツール」が便利な件について
少し前からPhotoshopを使っているのだが、どうしても上手にできなかったのが写真から人物や物を切り取ること。私の知る「Photoshop使い」たちは、皆口を揃えたように「パスを使いこなせ」というが、その方法はあまりにも手間がかかりすぎて私には向いていない。今日Photshop CS3がやっと届いたので、うわさの「クイック選択ツール」を試してみると、ものの５分ぐらいで以下の切り抜きに成功した。 やり方は以下の通り。 １．まずは「クイック選択ツール」で大まかな選択をする。微妙な部分は少しはみ出しても気にしない。 ２．選択を反転させる ３．はみ出した部分とそうでない部分のコントラストの差が一番大きいものをRGBチャネルから選び、今度は外側から内側に向かって再び「クイック選択ツール」を使ってはみ出した部分だけを選択するようにクリックして行く ４．だいたいの修正が終わったら、選択を再び反転させる
63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan
日本航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日本人のデザイナーを知っているだろうか。米国ニューヨークに本拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン
RedLine Magazine : ボックス全体をリンクにしたい
ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ
窓の杜 - 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」
ローカルやWebサイト上の複数HTML/CSSファイルを一括して文法チェックできる「bkhvalid」v0.2.0が、23日に公開された。Windows Me/2000/XPに対応する寄付歓迎のフリーソフトで、利用は個人目的に限られる。現在、作者のホームページからダウンロードできる。 「bkhvalid」は、HTML 2.0～4.01およびXHTML 1.0/1.1、CSS 1/2/2.1に対応する文法チェックソフト。複数のファイルを一括してチェック可能なほか、タグの色分け表示やエラー箇所へのジャンプができるテキストエディターを内蔵しており、多数のHTML/CSSを効率よくチェック・修正することが可能だ。 チェック対象のHTML/CSSは、ローカル上のファイルを本ソフト上のファイル一覧へドラッグ＆ドロップしたり、WebページのURLを列挙して複数登録できる。あとはツールボタンから一括して全
RedLine Magazine : CSSで文字サイズに画像サイズを合わせる
CSSで文字サイズに画像サイズを合わせる テキストサイズの可変に伴いCSSで画像サイズを変更する方法を３つ。 まずサンプル。 >>文字サイズに画像サイズを合わせるのサンプル 説明･･･はサンプルページを見れば何がしたいのか分かるような気もするけど一応書いてみる。どのパターンも単純に大きめのサイズに書き出した画像を用意してどう表示させるかcssで指定してるだけ。 パターン１の場合 パターン１はcss側で表示したい画像を背景画像として指定。幅や高さはemで指定することによって文字サイズの可変に合わせてでっかくなったりちいさくなったり。元画像を縮小拡大しているわけではなく、見える範囲が大きく小さくなるだけなので画質が汚くなるってこともない。 <p class="resize_image01">女の子の写真ですよー</p> .resize_image01{ float: left; width:1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://homepage.mac.com/mikihiro/md/web/color.html
HTML でトラックバック - Su-Jine
いまさら聞けないWeb2.0時代のXML入門
youmos.com
優雅なWeb制作のためのテクニック
CSSでフッタ位置をレイアウトする （CSS Sticky Footer） - youmos
モバイルでのXHTMLとCSS
