Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

Create HTML Form in Seconds. Choose a color to start:

今日のNHKの番組「プロフェッショナル」ではウェブデザイナーの中村勇吾さんが紹介されていました。中村さんの公式ページ? yugop.com   中村さんといえば、NECのエコプロジェクトのウェブページデザインで有名ですね。 NEC ecotonoha amaztypeという書籍のイメージでテキストを生成するサービスも中村さんがつくられていたとは知りませんでした。amaztype そんな中村さんですが、８年前までは現在の仕事とは関係ないサラリーマンで、独学でサイト制作を覚え、あるサイトが注目をあびたことから現在に繋がっているんだそうです。その中村さんの言葉の中で印象に残る言葉が多くありました。 「試行錯誤をどれだけできるか」 「（ウェブデザインにおいて理屈抜きの気持ちよさ、なんとなくやっちゃう生理的な気持ちよさが一番大事」  「最初に驚かせてすーと入ってもらって、その後にも驚きを持ってもらえ

IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ

先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 １）XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML（C-HTML）、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な

コミュニケーションの優れたウェブサイトを表彰する、日本ウェブ協会主催アックゼロヨン・アワード2007のご案内です。応募方法、審査員紹介、結果発表等。応募作品総数187点を対象に、専門家18名から構成される一次審査員（一次審査員長：植木真）による厳正な審査を実施しました。一次審査においては、下記の6軸を評価軸として採点を行ない、各軸の平均値の合計が36ポイント以上のものを入賞作品（ファイナリスト）として選出しました。 入賞作品40点からのグランプリおよび各部門賞の選出は、有識者7名で構成される最終審査員（最終審査員長：荒井尚英）による「優れたコミュニケーションを提供しているか」という観点からの審査によって実施され、2008年4月23日(水)、グランプリ発表・表彰式において発表されました。 ※一次審査員自身が制作に関わっている作品については、該当者自身の採点は放棄させ、サイト評価に参加させ

960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,

ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。

960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが

ドットインストール代表のライフハックブログ

こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運

2012.08.20 - お勧めWebサービス（サーバ編） 2008.12.19 - JavaScript/Ajaxお勧め書籍一覧 2008.12.05 - DBDesigner 2008.12.05 - 統計資料・調査データ 2008.12.04 - Webアクセシビリティポータルサイト 2008.10.03 - 文字実体参照・数値文字参照 2008.09.19 - 動画マニュアル.com 2008.09.19 - Jakob Nielsen博士/ユーザビリティ 2008.09.13 - Web browser CSS support 2008.09.12 - jQeury