モバイルブラウザにおける、HTML5/CSS3のサポート状況が一目で解る

これは良いサイト！ 自分の為にもメモ的エントリです。
続きを読む ≫

Read More

CSSのみで作られた背景パターンのギャラリーサイト

CSS3のグラデーションの仕組みを使っているそうですが、こんな複雑なのも表現出来るんですね。CSS職人に憧れている人は参考にしてみてはいかがでしょうか。

＞＞CSS3 Patterns Gallery

Read More

アニメーションの仕方を視覚的に操作出来るCSS3ジェネレーター

技術的なエントリなので、興味ない人はスルーしてください。メモ的エントリです。

CSSのアニメーションにはイージング（アニメーションの変化の仕方）が設定できます。

プリセットされている中から具体例をあげますと、

• ease
  はじめゆっくりで、だんだん速くなって、最後にまたゆっくり
• linear
  ずっと同じ調子で変化

プリセットされている物では不服だ！という人のために、cubic-bezierという３次ベジェ曲線を引数にする物があるのですが…、わかんねぇよ。 ということで、コレを視覚的に設定できるCSSジェネレータの紹介です。

続きを読む ≫

Read More

デザインはダイナミックに。CSS3のコードジェネレーター10個+X

CSS3のコードを生成する便利なサービスを10個紹介します。

iPhoneやAndroidなどのスマートフォンはWebkitベースなので、CSS３のスタイルが表示できます。

スマートフォン向けサイトは、なるべく画像やスクリプトを排除したいですからね。

よしっ。スマートフォン向けサービスつくるぞ－！Galaxy S買ったら。

続きを読む ≫

Read More

IE9のCSS3サポート状況まとめ

CSS3をIE９がどこまでサポートしているかを綺麗にまとめたエントリを見つけたので、メモ的エントリ。IEがんばってますね。復権なるか？

続きを読む ≫

Read More

jQueryによるドロップダウンするフォームBOX

メニューバーにマウスをあわせるとドロップするフォームです。

動きが自然で、綺麗に表示されます。テキストボックスにカーソルを合わせると、おしゃれなバルーンも出たりして、なかなか凝ってます。

続きを読む ≫

Read More

FirefoxでもCSSで縁取り文字を表示する方法

 Firefoxても、CSSのtext-shadowを使って、縁取り文字を表示する方法です。

続きを読む ≫

Read More

CSSを綺麗に整形してくれるサービス

 すごいシンプルな機能ですが、使いやすかったのでご紹介。

お汚いCSSファイルを美しく、整形してくれるWebサービスです。

続きを読む ≫

Read More

jQueryを使った美しいGoogleカスタム検索

Googleカスタム検索をサイト内検索として使っている人は多いと思いますが、結構簡単にカッチョ良くできちゃいます。Ajaxをつかって、画面遷移なしに検索ボックスの下に結果が表示される仕様になっています。

続きを読む ≫

Read More

CSS3のメニューを作成するフリーソフト「CSS3 Menu」

 CSS３のコードとHTMLを作成してくれるフリーソフトの紹介です。

こんな感じのメニューが簡単に作成できます  ＞＞ Demo

続きを読む ≫

Read More

無料でつかえるCSS/（X）HTMLのテンプレート38個

By ianw

 勉強になります。テンプレートとして利用しなくても、ソースみてるだけでかなり勉強になるはず。

デモサイトで気に入った物を見つけたら、ソースを読み込みましょう。

”神は細部に宿る”という言葉はWebデザインにも当てはまるようです。

続きを読む ≫

Read More

フリーでシンプルなCSSレイアウト１１サイト

 自分で作ると結構ややこしい、CSSのレイアウトですが、このようなものをベースにつくるといいかもです。無料で利用できるCSSレイアウトをダウンロードできるサイト１１個です。僕もいつか使うと思うのでメモ的エントリどぅす。

続きを読む ≫

Read More

CSS3のコードを生成する便利サイト４つ＋１

 マウスでぐりぐりやれば、見た目が変わって、CSSコードがもらえちゃう。コードジェネレーター系のサイトを４つほど紹介。

CSS３はかなり複雑なことができるので、こういう支援サイトやツールを活用していきたいです。

続きを読む ≫

Read More