[CSS]チェックしておきたい50のCSSのテクニック | コリスEmma Alvarez Siteのエントリー「50のよく使うCSSのTipsとツール」から、CSSのテクニックをいくつか紹介します。 Most Useful 50 CSS Tips And Tools For Webmasters
IT戦記 - FireBug の新しいバージョンが便利すぎる件について
FireFox の拡張機能 FireBug を更新したらすごいことになっていたので共有します。 まずこれを見てください http://Sample.ECMAScript.jp/20060331.html ぱっと見の機能 HTML のソースを見ながら、属性値を直接編集できる。 影響のある CSS を即時に表示 レイアウト情報を即時に表示 インスペクト中の要素に浮上したイベントをキャプチャ インスペクト中の要素の JavaScript オブジェクトを表示 Ajax レスポンスのヘッダも確認できるようになった。 FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
＠IT：Webアプリケーションのユーザーインターフェイス［1］-1
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス（特にGUI）デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
ウェブマスターのための文字化け講座
（序論）文字化けの発生メカニズム概論と解析方法 ネスケ4.Xで特定の文字（試・時・事・私など）が文字化けする場合 → document.writeで文字化けする漢字の規則性 → ネットスケープ4.Xのキャッシュ機構 → ２種類の解決方法 ＣＧＩで特定の文字（表・予・申・能・ソ・十など）が文字化けする → Shift_JISでCGIを作成する場合の注意点 → PHPで「表\示」「十\和田湖」「申\し込み」などと表示される場合 「（はしご高）」が使えない理由 → Windowsでは表示されるが、Macでは文字化けする文字 → Macでは表示されるが、Windowsでは文字化けする文字 → 機種依存文字チェック・プログラム（Flashフォームなど） 文字化けしないための工夫 → メタタグの指定は有効か？ → 「美乳」で文字化けが直るって本当？ フォントを指定したら文字化けした。 → フォントの指
Web Developer 1.1.2 日本語版／ツール＆ダウンロード ― 『infoaxia(インフォアクシア)』
Web Developer 日本語版サポート移管のお知らせ これまで当サイトにて、日本語版のダウンロード配布およびサポートを行ってきた『Web Developer』ですが、2008年3月より開発担当エンジニアの個人サイトへ全てを移管させていただくことになりました。新しいサイトのURLは、以下の通りです。 ミナトラボ：Web Developer 日本語版 『Web Developer』は、開発者である米国のChris Pederick氏に協力しながら、これからも上記サイトにて日本語版へのローカライズおよびユーザーサポートを継続していきます。今後とも『Web Developer 日本語版』をよろしくお願いいたします。
SEO的に301リダイレクトは是が非か？ | ランサーズ社長日記
いいね！ 4 ツイート B! はてブ 168 Pocket 10 サイトを移転してURLが変更になる場合、多くのウェブ運営者が「検索エンジン対策」で頭を抱える。 なぜならば、人間の目からみれば、サイトに引越し案内が出ていれば、引っ越したことは明らかであるが、検索エンジンのロボットからすれば、「引越ししました」という文言や、「新しいサイトへのURL」は1テキスト、1リンクにすぎず、サイトを引越したことを理解することができない。 つまり、今までのURLを新しいURLに変更するということは、PageRankや検索順位も新しくなり、GoogleやYST（Yahooの検索エンジン）からはまったくの新しいサイトという評価になってしまい、いままで苦労して集めたリンクやSEO対策が水の泡になりかねないのだ。そんな迷えるウェブ運営者の救世主が301リダイレクトだ。 301リダイレクトはHTTPステータス・コ
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
*この記事は、Google Maps APIバージョン1(v1)の時点での記事です。v1ベースでは現状動作しますが、バージョン2(v2)については、 Google Maps v2を設置する(1)やv2用意訳とサンプルなどもご参照ください。 9/15と、 9/30のサンプルは、都道府県庁の経緯度データをAjaxな通信で取り出し表示する、というものでしたが、 今回から数回にわけて、このようなAjaxな仕組みも利用しつつ、地図を表示してみます。地図には、Google Mapsを利用します。 Google Mapsは、それがなければ、Ajaxという言葉がこれほど広まらなかったかもしれないほどの影響を与えたAjaxアプリといえますが、もしかすると、それ以上に、世界中にインパクトを与えた特徴があります。 それは、この高機能で精密な地図を、自由にカスタマイズして、なんと、無料で自分のサイトへ設
【埋】Wii用に最適化されたウェブページを作ってみるテスト（動画あり）
■2006/12/23 [Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す（動画あり） Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す（動画あり）] Wiiで快適な閲覧を期待するのであれば、Wiiの画面サイズを 意識したページをページ提供者側が用意する必要があるでしょう。 その際には上記のような画面サイズを意識することが欠かせません。 というお話をしましたが、せっかくだから試しに、 Wii用に最適化されたページというのを 作ってみることにしました。 （といっても本当にテストを１ページだけですが） ■Wii用ウェブページ テストケース http://c-kom.homeip.net/wii/ に「あまとも for Wii サンプル」というリンクを１つ置いています。 ■あまとも for Wii サンプル http://c-kom.h
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
無精で短気で傲慢なプログラマ web 開発のヒアリングシート/チェック項目
要件定義のヒアリングシートはいくつか見たことはあるが、web 開発に 特化したまともなヒアリングシートを見たことがないので作ってみた。 「サイトの目的は」などの上流部分はあえて省いて、機能・実装にフォーカスしている。 思いつくままに記述してみたが、結果としてはインターネット上の コマース向けサイトに特化した形になった。 請負時のヒアリングシートと、発注時の要件伝達漏れチェックシートと、 開発時のレビュー観点の元ネタとして使えるといいなぁ。今後気づいた ところがあれば追記していきます。 ●2010/02/24 追加分。 - サイトメンテナンス時のアナウンス要否 - メンテナンスページは「503 Service Temporarily Unavailable」を返すようにし、 検索エンジンにキャッシュされないよう注意する。 ●2007/08/23 追加分。 404/403/500 などのエラー
Icon-Sammlungen — Software Guide
Ihre Werbung auf Software Guide Sie möchten in dieser Box oder an anderer Stelle dieser Webseiten eine Werbung schalten? Sehen Sie sich dazu am besten einfach mal die verschiedenen Möglichkeiten an. Im Folgenden liste ich interessante Internet-Iconsammlungen. Bitte vor Verwendung die Lizenz-Bedingungen auf der jeweiligen Seite prüfen. (Zuletzt aktualisiert am 17.02.2009)
CSS で外部リンクにだけアイコンを表示
当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いて... 当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いてみますよ。 で、今回はエントリーなんかでリンクを張るときに、当然外部サイトへのリンクと、自分のサイト内へのリンクが混在することになるかと思いますが、このとき外部リンクだけに 「外部リンクですよ」 とわかるようなアイコンを表示させてみたいと思います。 まずは、アイコンを用意しますね。こんなやつ↓ あとは CSS を書くだけですが、ここは 2段階に分けて考えます。どういうことかというと、まずはすべてのリンクにアイコンをつけてしまって、そのあとで、サイト内リンクのみアイコン
クールなAjaxウィジェット――サイトの対話性を手軽に高める手法
Google MapsやGmailを使ったことのある方なら、最初はそのリッチなインタフェースに驚いたにちがいない。その裏で、Ajaxが活躍していることはよく知られている。こうした斬新なインタフェースを実現してくれる、クールなAjaxウィジェットを紹介しよう。 Ajax（Asynchronous JavaScript＋XML）は、従来、エンジニアに敬遠されてきたJavaScriptがXMLと組み合わさることで復権した技術。ユーザーが画面を操作するバックグラウンドでサーバと非同期に通信するため、一画面ごとのリフレッシュが不要で、スムーズな操作性を実現している。ブラウザながらユーザーエクスペリエンスを大きく向上させ、Web2.0を支える技術として注目を浴びている。JavaScriptについては、以前、こちらの記事でも紹介している。 Web 2.0の流行によってユーザーエクスペリエンスが新たな脚光
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
安全なWebアプリ開発の鉄則 2004
携帯電話スペック一覧
http://www.webdesignfromscratch.com/current-style.cfm
dhteumeuleu
Japan.internet.com Webビジネス - 「Googlewashing」でオリジナルサイトが消える!?
あなたのサイトはYahoo! JAPANで何位？