2010-03-14

「CSS3 〜border-radius〜」角丸表現

CSS3

最近、いくつかCSS3で遊んでいたりします。
このブログのタイトル部分にも角丸を使用しています。

そのCSS3のプロパティが border-radius

今まで画像で角丸を表現していた部分を、CSS3のみで表現できるプロパティですね。
みんな大好き border-radius

2010-03-03

HTML5の雛形を作ってみた

HTML5

社内の人にHTML5&API入門という本を借りたので、そのうち役に立つであろうHTML5の雛形を作ってみました。

HTML5雛形

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Sample</title>
</head>
<body>
<p>Sample</p>
</body>
</html>

またIE用に要素をスタイル出来るようにする、JSなんかもあるらしいので、こういうのをの中に入れておくと良いかもしれませんね。

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

2010-03-02

「Web制作の現場で使う jQueryデザイン入門」を読みました

ブックレビュー

ちまたで良いと評判の、Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)を読みました。

＜感想＞

Webデザイナー向けというだけあって、とても分かりやすかったです。
全ページ「カラー」というのも、ありがたいですね。これだけでやる気でます（笑）

中身は、というと、「第2章　サンプルで学ぶjQueryの基本」で、ある程度jQueryのやれることの全容が書かれています。
操作ごと・セレクタごと・命令ごとなど、サンプルを交えながら100個以上？説明してくれています。
なんとなく「分かった気でいた」アニメーションの操作も、大変分かりやすかったです。

さらに、命令をまとめて一覧にして書いてくれているあたりもありがたいところです。

また、第3章では、実用的なサンプルも13個。

CSS3セレクターでストライプテーブルを作成
スライド式イメージギャラリー
なめらかアコーディオンパネル
ポータルサイト風タブパネル
個性的な3種類のツールチップ
ロールオーバー付きナビゲーションバー
透過PNG対応ロールオーバー
多断層対応ドロップダウンメニュー
lightbox風モーダルウィンドウ
ドラッグ＆ドロップで動くフローティングウィンドウ
バリデーション付きメールフォーム
Amazon風カルーセルパネル
Ajaxでスムーズページング

＜オススメしたいところ＞

この本には、最後のページには、第2章で説明されていた基本をチートシートにしてくれているのです。
一覧になってくれているので、自作したりするときに、役立ちそうです。

会社の人に少し回覧しましたが、「ドーナツ本だねｗ」という話で盛り上がりました。(特に理由はないｗ)

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)

作者: 西畑一馬
出版社/メーカー: アスキー・メディアワークス
発売日: 2010/02/12
メディア: 大型本
購入: 27人クリック: 1,467回
この商品を含むブログ (43件) を見る

2010-02-18

「CSS Nite in Ginza, Vol.44〜JIS X 8341-3 徹底比較 60分1本勝負『2004年版』 vs 『2010年改定版』〜」に参加してきました！

ブログ

久しぶりにCSS Niteに参加してきました！

もともと興味があったアクセシビリティについての会です。

そういえば、アクセシビリティってなんだっけというところをおさらい。

アクセシビリティ(accessibility)とは、高齢者・障害者を含む誰もが、さまざまな製品や建物やサービスなどを支障なく利用できるかどうか、あるいはその度合いをいう。
wikipediaから引用

Webサービスを作っていく上で（そうでなかったとしても）、ユーザーがいるならば、必ず出てくる課題であり、実現を必要とされる分野だと思っています。

さてさて、今回の内容は、「JIS X 8341-3 徹底比較 60分1本勝負『2004年版』 vs 『2010年改定版』」ということで、2004年と2010年を比較してくださいました。

JIS Xの規格がWCAG2.0を採用するということもあり、2004年版のJIS規格とは少し違った内容だったな、と思います。
でもWCAG2.0を採用してくれてありがたいです！
いくつも規格あると、混乱しますし、曖昧な表現方法を使う時もあったりするかもなので。
（といいつつ、あまりそういう場面に遭遇したことはないのですがｗ）

今回はtwitter上でつぶやきながら聞いていたので、そのTLを。