HTML5とCSS3/2.1で利用できる要素やプロパティについて、機能や役割や対応ブラウザなど実装に必要な知識がコンパクトにまとめられたオススメのリファレンス本を紹介します。 リファレンス本って、気がつくと古くなってたりしませんか? 本書は2015年1月時点の最新情報が掲載されており、去年暮れリリースのHTML5のW3C正式勧告にも完全対応しています。
![HTML5のW3C正式勧告に完全対応、読みやすい分かりやすい使いやすいと三拍子揃ったHTML5&CSS3のリファレンス本](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b7dd7bed3ec1bffdef741aa20b0ad264a896be3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015032101.png)
CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風(ガラス風)ボタンにどこまで近づけるか? というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも覚えておくと、いろんなところで応用できると思います! こんな感じになりました 何はともあれ↓が出来上がったものです。 今はやりの CSS3ジェネレータ には負けてないと自負しています... さて、これを作る手順です。 ※Chromeで表示して画像にしています。実際のものはこちらから見れます。 作成ステップ ステップ1 : ベースとなるHTMLを用意 まずは、こんなHTMLを用意しました。このHTMLをベースに、CSS3を総動員していきます。A タグの中に SPAN が入っていますが、こいつらには後
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く