» (x)HTML&CSS
ソース付きCSS3で作るちょっとリッチなボタン10パターン
28 days ago
「10 Awesome CSS3 Buttons to use on your website」
次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集を紹介したいと思います。
グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。
ありがたいのが、見本のボタンのしたに、ソースコードがそのまま書かれており、細かい作り方まで見ることが出来ますし、CSS3で書かれているため、画像などは使っておらず、すぐに試すことができます。
ソースファイルはまとめてダウンロードすることもできるようになっていて、原文の下部のDownloadからダウンロードできます。
» Read More
»情報元へ移動
次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集を紹介したいと思います。
グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。
ありがたいのが、見本のボタンのしたに、ソースコードがそのまま書かれており、細かい作り方まで見ることが出来ますし、CSS3で書かれているため、画像などは使っておらず、すぐに試すことができます。
ソースファイルはまとめてダウンロードすることもできるようになっていて、原文の下部のDownloadからダウンロードできます。
» Read More
»情報元へ移動
IEのhasLayout関連のバグと解決方法をまとめたサイト
30 days ago
「hasLayout.net」
IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。
バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。
また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。
» Read More
»情報元へ移動
IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。
バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。
また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。
» Read More
»情報元へ移動
HTML5についてのおさらい
39 days ago
自分の担当職務を制作サイドへと転換しことを機に、約1ヶ月前から再び自分の学習机としてここを活用することを決意、その第一歩として本日リニューアルが完了となりました。このリニューアル間に勉強してきたことをふまえ、これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。
» Read More
»情報元へ移動
» Read More
»情報元へ移動
HTML5のCanvasチートシート
65 days ago
「HTML5 Canvas Cheat Sheet」
HTML5のCanvasチートシートです。
今後Canvasを利用したサービス等が沢山出てくるんではないかと思います。
» Read More
»情報元へ移動
HTML5のCanvasチートシートです。
今後Canvasを利用したサービス等が沢山出てくるんではないかと思います。
» Read More
»情報元へ移動
W3C - 『HTML 5 differences from HTML 4』日本語訳
71 days ago
この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。
HTML5が、これまで利用されてきたHTML4とどのような違いがあるのかを、分かりやすく解説したものです。HTML5では、どんな要素・属性がなぜ追加・変更・削除されたかが、一通り説明されています。
HTML5では、要素からプレゼンテーション的な意味を取り除き、さらに、HTML4では定義されていなかった語義を新規の要素として追加しています。プレゼンテーションはCSSに任せ、HTML要素に明確なセマンティクスを与えることで、タグスープを避けようとう考え方がはっきりと表れています。
» Read More
»情報元へ移動
HTML5が、これまで利用されてきたHTML4とどのような違いがあるのかを、分かりやすく解説したものです。HTML5では、どんな要素・属性がなぜ追加・変更・削除されたかが、一通り説明されています。
HTML5では、要素からプレゼンテーション的な意味を取り除き、さらに、HTML4では定義されていなかった語義を新規の要素として追加しています。プレゼンテーションはCSSに任せ、HTML要素に明確なセマンティクスを与えることで、タグスープを避けようとう考え方がはっきりと表れています。
» Read More
»情報元へ移動
iPadでHTML5でWebアプリを作ってみました。
75 days ago
iPad専用の地図Webアプリ「yubichiz」のご紹介。App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するWebアプリとなっています。
今日はyubichizを作る上でいろいろと試行錯誤した内容について、少しご紹介させていただきます。
» Read More
»情報元へ移動
今日はyubichizを作る上でいろいろと試行錯誤した内容について、少しご紹介させていただきます。
» Read More
»情報元へ移動
