slides.js
Web標準の人たちがS5を使っているのを見て、自分も使ってみたいと思い、色々と実験。ただ、日本語ドキュメントがほとんど見つからなかったので、備忘録としてもメモしておく。参考にどうぞ。 そもそも、S5って何だ？ 単純に言うと、インターネット上でマイクロソフトのパワーポイントを表現するようなもの。例えば、2xupさんとかがプレゼンの資料として公開している。でも、「それだけなら、パワーポイントをダウンロードするなり、PDF化すればいいんじゃないの？」と思われるかもしれないが、S5はXHTML＋CSSのWeb標準で実装されたパワーポイントのツールのようなものなので、検索エンジンにも引っ掛かるし、アクセシビリティにも対応できる。このへんが便利かなと思っている。 S5を使うために必要な技術 まず、HTMLなり、XHTMLが読み書きできること。デザインを自由自在に変えたいのなら、CSSも必要。S5自体は
はてなクラブとユーザビリティテスト - Trans
はてなクラブがユーザビリティのための品質向上を目指すのであれば、もっと対象ユーザを絞り込むべきだと思います。 ユーザビリティテストの肝 先日、はてなクラブの募集が開始されました（僕も申し込みました）。既にいろんな人たちがブクマコメントなどで突っ込んでいるのですが、ユーザビリティテストの考え方がちょっと甘いかなと思います。 今までのid:jkondoの発言から、はてなはキャズム越えを狙い、YouTubeやmixiのように一般ユーザが使うようなWebサービスになろうとしているのだと思います。そうすると、今一番意見を求めなければならないのははてなを使っていないユーザです（ユーザにとっての既存サービスの改善のためのユーザビリティテストであれば、ユーザを対象とするユーザビリティテストは合っているのですが）。 ユーザビリティテストを行う上で重要なのはテスターのリクルーティングだと思います。はてなクラブ
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
![印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f625aab20ef8abfef513499376656cecc29a08ae/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20080518%2F20080518141449.png)
IEハックなんて全部捨てちまえ！ - Trans
件名の通り。といっても、英語ブログの訳文です。原文は「Trash All IE Hacks」より。間違いもあるかもしれませんが、訳文の許可をもらったので日本語訳しておきます。以下から訳文。 みんながIE6を嫌っていることをそろそろ認めようよ。僕たちのCSSのデバッグの約80％の時間がIE6のために費やされている。みんな知っていると思うけど、IE6は時代遅れだし、ひどいCSSのレンダリングエンジンを持っている。けれど、ほとんどの平均的なインターネットユーザはそのことをいまだに理解していない。だから、僕たちはそれに時間をかけないといけないし、様々なIEハックを使って、バグを埋めないといけない。そう、何かをやる時間を使ってね。 共通のIEハック 1.CSSコンディショナルコメント 特定のIEのバージョン（不適切なCSSレンダリングをする）で僕たちのサイトを動かすためには、CSSコンディショナルコ
TRANS - WordPressで企業サイトを作る際によく使うプラグイン
2009年10月30日（追記）：プラグインを見直し、こちらで公開しています。 2008年8月9日（追記）：この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記（2007年7月11日）1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
TRANS - 携帯用CSSを書く上で押さえておくべきポイント
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。（上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。） 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
![印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/006177c1ae7d95a2c7c0336994db88ed59a41525/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523317%2F1448268251)
知的障害者が合法的に犯罪が許されるか否かより、まず考えておくべきこと。 - Trans
障害者ももちろん犯罪をすれば、罰せられるべきだとは思います。ただ、そういった行為になぜ及ぶのか？本当に、親や周りの教育者だけが悪いのか？継続的教育のコストは誰が払うべきなのか？課題は山積みだとは思います。ただ、障害者と直に付き合っている自分としては、このことだけは考慮しておいてほしいということがあります。 "知的障害者"は合法的に犯罪が許されるのだろうか 知的障害者は継続的教育なしに社会適応できるわけがない MellowMoon 「"知的障害者"は合法的に犯罪が許されるのだろうか？」 僕はNPOで働いている人間なので、いわゆる知的障害者という人たちとも付き合いがあります。（以前、知的障害者の施設でボランティアをやっていた経験もありますし）もちろん、知的障害者を含め、障害者には独自の事情があり、そのための継続的教育や支援は必要だと思います。そのための、コスト負担を誰がするのか、それにも課題は
TRANS - ドラッカーに学ぶlifehack
実は、僕はドラッカーが大好きです。ドラッカーをご存知ない方は、Wikipediaをどうぞ。ものすごく単純に言ってしまうと、近代マネジメントの原型を作った人という感じです。 けれど、その多くの著作は小難しい経営手法ではなく、個人というものに焦点が合わせられています。その中で、現在にも通じるはずのlifehack的な手法がありますので、紹介します。ちなみに、僕は3年くらい前から半年に一度ほど実行しています。 さて、その手法は「フィードバック分析」というものです。やり方はいたって単純です。 今年、もしくは半年に一度、「現在、自分がやっている仕事」、もしくは「新しく始めた仕事」を書き出します。 その各々の仕事に、「その期待する成果、目標、結果」を書き出しておきます。 その書き出したデータや書類をどこかに保存しておきます。 半年後、もしくは一年後にそのデータや書類を取り出し、「その期待する成果、目標
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
シニアはログインでつまづく？！ - Trans
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
生涯現役世代に対する疑問 - Trans
定年退職した人たちが老後も生き生きと働ける社会は、高齢者と若者がガチで競争する社会のような気がするのは、僕だけか？ 弾さんや分裂勘違い君劇場などが高齢者と若者について色々と書いているので、ちょっと違った視点から書いてみる。 先日、とある零細企業のホームページを作るための営業に行った。その社長さんの知り合いが、何でも.NETに対応しているショッピングモール付きのホームページを何と5万円で作ってもらったらしいよ、なんてことを嬉々と話していた。そのホームぺージを見てみると、確かに5万円とは思えないくらい、動的な言語でちゃんと実装されていて、ショッピングもちゃんとできたりする。その上、週に1度担当者がその会社に来て、メンテナンスやサポートもやってくれるらしい。これが、5万円。価格崩壊もいいところだなと、その制作会社を呪ったものだ。 もちろん、その社長さんはそういった事例を見ているので、「これくらい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
