40分でできるホームページ運営体制チェック より良いサイト運営を実現する 40項目のセルフチェックシート［Web担当者編　2008年版］ 好評だった「40分でできるホームページ診断 ～訪問者目線編～」に続き、第2弾のチェックシートをお届けする。今回は、表側には現れない、ウェブサイトの裏側にある運営体制に関するチェックだ。 第1弾の「40分でできるホームページ診断 ～訪問者目線編～」も一緒にどうぞ TEXT：編集部 協力：株式会社 環 今回は運営体制をチェックWeb担では以前に「40分でできるホームページ診断」を掲載し、好評を得たが、前回のホームページ診断では、サイトが訪問者にとってどれぐらい使いやすいかをチェックするための要素に絞っていた。 今回は、企業のWeb担当者が、日々のサイトの運営を行ううえで意識しておかなければいけない点や、企業としてウェブサイト運営をする場合に必要になる要素を対

雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ

こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo

Webプログラムを手がける企業であっても，必ずしもWebデザイナが存在しているとは限りません。プログラマが自分でデザインを適用しなくちゃならないことも少なくありません。 技術者の人と会話をすると「僕にはデザインのセンスがなくてね」という自嘲的な発言をよく耳にします。しかし，Webデザインにセンスは必ずしも不可欠ではありません。ちょっとしたポイントを学習することで，誰にでもしっかりデザインされたページが作れます。HTMLとCSSによる実装を通して，デザインの基礎を学んでいきましょう。 第1回　Webデザインに必要なのはちょっとした知識と訓練 第2回　Webデザインの基礎はHTMLの構造にあり 第3回　文書を装飾するのはCSSの役目 第4回　Webデザインの基本を学ぶための環境について 第5回　HTML文書を装飾するCSSの基礎（その1） 第6回　HTML文書を装飾するCSSの基礎（その2）

横浜で巨大グモを見た (04/18) アルファブロガー・アワード2008について二言いっとくか (12/25) いまさら気づいた (12/21) 931SHのPCメール機能はOP25B (12/03) こっ、この馬鹿者がっ！ (11/29) ア・マ・ゾーン！ (11/27) monitってさ… (11/20) ウザいアイブラスター広告ふたたび (11/20) 拝啓、古森オサマ義久さま：マケインは「ジョン・シドニー・マケイン3世」と書いてください (11/19) テケノレソバ一丁！ (11/14) 「非正規雇用者の父」の二つ名をもつ奥田碩 (11/13) yahotter (11/12) The Economistがライバルか… (11/08) 擁護どころか惚れるだろ (10/28) USBメモリ＞SSD (10/28) Windows Home Server評価版を注文するのと「日経Lin

印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ

(X)HTML/CSS関連の記事が続きましたが、今回と次回の記事では私自身も仕事で活用している、なくてはならないアプリケーション・あると便利なツールを、オンラインツール・デスクトップアプリケーション問わずご紹介します。 今までいろいろなアプリケーション・ツールを試してきている中で、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。ぜひチェックしてみてください。 なお今回は、テキストエディタ・ブラウザなどの基本的なツールを中心に紹介していきます。 テキストエディタ 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 skEd

Get lost in the vibrant and eye-catching world of pattern wallpapers. Choose from endless designs, colors, and styles to give your mobile or computer the ultimate burst of personality.

Safariのバージョン3では、スタイルシートを利用して文字のアウトラインを表示できるようになった。スタイルシートで文字をアウトライン化すれば、画像を使わずに文字のデザインの幅を広げることができる。「Safari 3.1でWebフォントを利用する」で紹介したWebフォントが普及すれば、文字のデザインに画像を使う必要は少なくなっていくだろう。 アウトラインのデザインを指定する 文字のアウトラインのデザインは、以下のような-webkit-text-stroke〜というプロパティで指定する。現在のところ、指定できるのはアウトラインの色と太さだ。 アウトラインのデザインを指定するプロパティ プロパティ機能

今月17日の公開からわずか1日で800万件超というダウンロード実績を打ち立てた「Firefox 3」。一足早く今月12日に公開された「Opera 9.5」も17日までの5日間で470万件のダウンロードを記録するなど、次世代Webブラウザの出足が好調だ。 JavaScriptまわりを中心とした処理速度の向上（関連記事1）、セキュリティの強化や多機能化（関連記事2）といったさまざまなメリットが、それだけ多くのPC/ネットユーザーに歓迎されているということだろう。 だがその一方で、人知れず苦労しているのが、企業のWebサイトやインターネットサービスの制作を担う、「Webデザイナー」や「マークアップエンジニア」たちだ。実は普段、私たちが何気なく見ているWebページを「どのブラウザでも同じ見た目に保つ」というのは一筋縄ではいかない。Web制作者から見た、“次世代ブラウザで変わったところ”を探ってみた