HTML&CSS Archive

　こんなのを作るのですよ的図。出来そうな感じはしているので、どうせなら＋αを求めてSmartyとやらを試すつもり。

◆今日の分はラジオボタン改善の第２段 ※現状では、例によってFirefox3のみの動作確認です。 　今日は、基礎をやったり、前エントリのような寄り道があったりであまり変化していません。

ラジオボタンの操作上の改善について（根本的にラジオボタン小さすぎ！）

● 形容詞対の場合

　被調査者自身がもつ心象を、どちら側かに”寄せる”また”近寄る”という行為をサポートする意味で、左右の矢印つきボタンは、そこそこ有効だろうと考えて、ボタンを設置しています。

形容詞(Positive)　←　５　４　３　２　１　→　形容詞（Negative）

　初期値は3ですが、印象への影響を踏まえて、checkedは指定していません。 　問題がひとつ。ボタンを使ってどちらかの形容詞に最接近（5か1）するには、ボタンを2回押す必要があり、1回押して選択できる条件（4や2）よりは、労力が掛かる条件であると言えます。 　よって、1回だけ押して、4か2か、どちらかに近寄ったという意志を示した程度で被調査者が納得し、次の項目に移ってしまうという可能性も考えられます。形容詞対の項目も次に示す普通の選択項目と、同様の表現のほうがいいかもしれません。

● 単純な選択項目の場合

　やっぱりラジオボタンが小さい！　ほんとに困ったさんです。で、しょうがないのでラジオボタンと項目説明の文字列を、label要素でまとめて括った後、label要素をCSSでボタンっぽく整形しました。 　これで何とか押しやすくなったのではないでしょうか！　でもボタンの押下表現はきっとIEを除いたモダンブラウザでのみの動作です。

　インターネットを使った調査だと、この辺のインターフェースはすごく気を使いそうですね。こういうボタンが用意された環境で統制できればいいんですが、さすがに無理。 　キーボードっていう手も。A　S　D　F　G　のキーそれぞれに五カ所の位置を対応させたり。フォームの外装はFLASHで作ってしまったほうが、解決手段は多い気がしてならない。

　いやまて、選択項目をラジオボタン以外の、例えばドロップダウンリストとかにして大きくすりゃ良くないか自分！？　あえてラジオボタンで・・・・・紙面アンケートのメタファに近い方がお年寄りにも優しいよ！

PHPの勉強した分のメモが続く

Continue reading

アンケートページは進化中です。 グーグル先生にPHP教えてもらってます・・・先は長い。本買おうかな。

本題。

なんとなくアクセス解析みてたら、HTML5のエントリに、はてブからのアクセスが。 追ってみたらこんなコメントついてた。

*antguarde HTML headerの中にnavは書けない。あとサイドバー、この内容ならsection使うべきじゃないかな。それとaddressにCopyrightは滅びればいい。

Σ(´Д｀；)ﾉﾉ

◆ってことでせっかくのご指摘なので、直しておきました。　（前のとは別のファイルです） 注：Firefox3でしか確認してないので、他ブラウザでの表示は期待しないでください。

あとサイドバー、この内容ならsection使うべきじゃないかな。

サイドバーでnavを使ってるところの事だと思うのですれど、 “リンクが並んでたらnavっぽい”ってだけでは無いってことでしょうか。あとで、原文読んで調べよう。

addressにCopyrightは滅びればいい

どっかで見て以来、深く考えずにマネっこしてたんですが、 こういうことなんですね！　納得。 ポートフォリオのほうだけでなく、今使ってるWPのテーマもそうなってたので、修正してみたり。

あとメモ

Continue reading

先日のWCAN mini MUで話に上ったHTML5、見よう見まねで自分でも書いてみました。 まだ本来の仕様のほとんどを活かせていないような状態ではありますが、 なんとな〜く、<section><figure><nav><menu>あたりを使ってみました。 実際にマークアップしてみると、意味付けの解釈が結構変わってくる気がします。

デザインは某コーポレートサイトのオマージュ（見栄えは適当）

遊べるとしたら今のところCanvas要素の2D描画APIでしょうか。 引き続きHTML5で何が出来るのか追っかけていきたいです。

WCAN mini MUでの情報の他、下記の情報を参考にしました。 ／HTML5が話題になっているので試しに書いてみた。（CSS HappyLife） ／HTML5のプレビュー（ユージック） はてブで間違いのご指摘を発見したので　→　続・HTML5