CSS(スタイルシート)のテクニックとトピックのポータル

『 2012年1月,css,HTML5,テンプレート,フリー 』

ブログやウェブサイトのパフォーマンス改善や運営・セキュリティに役立つ「.htaccess」の設定を紹介します。 下記は各ポイントを意訳したものです。 リダイレクトとリライト オリジナルのエラーページ 特定のリソースへのアクセス制限 特定のIPのアクセス阻止 IEのレンダリングモードの設定 有効期限...

iPhone向けの最適化サイトを作る際に、グリッドに沿った奇麗なサイトを作りたいと思ったらiPhone.gsを使ってみましょう。4/6/8のグリッド表示ができます。 0

Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？　グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープル...

50 Beautiful Yet Free HTML5 And CSS3 Templates | Free and Useful Online Resources for Designers and Developers ビューティホーなHTML5＆CSS3テンプレート５０ HTML5、CSS3の...

CSS3(29)Webデザイン(199)Web制作(38)コーディング(17) シャッフル 【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。

Firefox 10 は 01/31 のリリースに向けて開発が進められています。可能な限り互換性を維持するよう開発されていますが、他のブラウザとの相互運用性や最新 Web 標準仕様への準拠のため、後方互換性に関わる修正も含まれます。そのような修正点をまとめましたので、動作検証時などにご参照ください...

『 Oh....wow...wow.../MacOSXLionCSS3byAlessioAtzeni 』

今回は写真をメインにしたダイナミックなサイトや、グリットをうまく使った見やすく整理されたサイトをファッション関係・フォトグラファー・デザイン制作会社を中心に30サイト集めました。 クオリティー高い写真を使用しているので見た目のデザインがかっこいいことは言うまでもないのですが、それだけでなく、HTM...

HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそ...

トップ CSS デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」 サイトを制作する際、最初にブラウザ初期値のCSSをリセットする方も多いと思います。様々なリセットCSSがありますが、ほぼすべての要素をリセットさせるものや、最近のHTML5に...

既に色々なデモページが作られていたり、実用されていたりする CSS Transforms ですが、ちゃんと理解したかったので調べてみました。 まだそんなに自信はありませんが、以前よりは理解できた気がします。 というわけなので、自分が分かる範囲で説明してみたいと思います。 CSS Transform...

『 MozillaVision2012/Tantek氏のスライド。標準化の歴史、そしてベストプラクティス。徹底的なOpen化 』

『 HTMLKickStart-Ultra–LeanHTMLBuildingBlocksforRapidWebsiteProduction-KickStartyourWebsiteProduction 』

まるでガラスで作られた棚のように、美しい半透明な3Dのエレメントを実装するCSS3のテクニックを紹介します。 デモページ：Firefoxのキャプチャ 実装 HTML HTMLはシンプルで、各アイコンはa要素、ガラス棚はdiv要素で実装されています。 <div id="shelf"> <!-- Ad...