[B! css3] ojimacのブックマーク

Learn HTML5, CSS3, Javascript - video style tutorials

Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch

ojimac 2012/04/03

html5
css3

リンク

Google カレンダーの素材をレッツ解体 | CSS3 Lovers

はい！と、いうことで最近何かと変わりまくっているGoogle先生のきれいな素材を解体してみようw Google カレンダーの左にある赤い「作成」ボタンをあつかいます。はいドン！ sample1 ソースコードどん！ HTML <p class="sample1">sample1</p> CSS(CSS3のみ) .sample1 { text-transf orm: uppercase; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-image: -webkit-gradient(linear,left top,left bottom,from(#DD4B39),to(#D14836)); background-image: -webkit-linear-gradient(t

ojimac 2011/11/14

css3

リンク

Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher

By Nicolas Gallagher Demo for Pure CSS GUI icons (experimental). Tested in: Firefox 3.5+, Chrome 5, and Opera 10.6.

ojimac 2011/07/30

css3

リンク

classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons 」 | Web活メモ帳

ちょっとしたボタンに使えそうなCSSフレームワークだったので、ご紹介。 cssを読み込んでclass指定するだけでGitHub風のボタンが作れちゃいます。以下に使い方を簡単にご紹介。四角いボタン aタグにclass=”button”を追加します。リンク角丸のボタン class=”pill button”を追加します。角丸リンクエラー系ボタン class=”negative button”を追加リンク個人利用および商業利用も可能との事です。ダウンロードは下のリンクからどうぞ。

ojimac 2011/04/15

css3
design

リンク

CSS 3.0 対応状況

CSS 3.0に対応しているブラウザも、出てきましたので、各ブラウザのCSS 3.0の対応状況を調べてみました。 CSS 3.0に対応しているブラウザでだけ、サンプルを見ることができます。 uuAltCSSという、CSS3.0互換のJavaScriptライブラリを使うことで、CSS3.0の新機能を使うこともできます。