Skip to main content

Home/ Chrome Life/ Group items tagged CSS

Rss Feed Group items tagged

Kenji OTA

[CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法 | コリス - 0 views

  • IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します
Kenji OTA

CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ - 0 views

  • 最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。
Kenji OTA

[CSS]じっくりコードを勉強したくなる、ブラウザのスタイルをリセットするスタイルシート -Normalize CSS | コリス - 0 views

  • HTML5にもIE6にも対応した、ブラウザごとに異なる各要素のスタイルをリセットするスタイルシート
  • 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。
  • さまざまな種類のエレメントのスタイルを正常化します。
  • ...3 more annotations...
  • 各ブラウザごとの異なるスタイルやバグを修正します。
  • ほんのわずかな改良でユーザビリティを改善します。
  • 各コードには詳細な説明があります。
Kenji OTA

[CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ | コリス - 0 views

  • CSS3で実装するシリーズのナビゲーション編から、すぐに利用できるボックスシャドウと角丸のスタイルシートを紹介
  • CSS3で実装するシリーズのナビゲーション編から、すぐに利用できるボックスシャドウと角丸のスタイルシートを紹介しま
Kenji OTA

画像を使わず、CSS+jQueryで作られた絵文字・JQuery CSS Emoticonsがちょっと素敵だw - かちびと.net - 0 views

  • CSS+jQuery(と、もちろんHTML)のみで、画像は一切使われていません
Kenji OTA

CSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ | コリス - 0 views

  • ウェブページでよく利用されるCSSを使ったエフェクトをクロスブラウザ対応にする方法
Kenji OTA

CSS3対応、スタイルシートの記述で気をつけるべき19のポイント | コリス - 0 views

  • スタイルシートをオンラインでチェックできるツール「CSS Lint」で使用しているルールを意訳したもの
Kenji OTA

一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ - jsdo.it - Share JavaScript, HTML5 and CSS - 0 views

shared by Kenji OTA on 21 Jul 11 - No Cached
  • これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかがだいたいわかる!
Kenji OTA

WebPuttyがちょっといいんじゃないの? | gaspanik weblog - 0 views

  • オンラインのCSSエディタ「WebPutty
  • WebPuttyはオンラインのCSSエディタでありながら、CSSのファイルのホスティングも兼ねている
  • 公開時のファイルはちゃんとMinify & Gzipされる
Kenji OTA

5つの効果で作る、よく使うCSS3ボタンデザインサンプル集|最適化ノウハウコラム記事 ~スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&S... - 0 views

shared by Kenji OTA on 14 Nov 11 - No Cached
  • CSS3によって、グラデーションや角丸などの様々なデザイン表現を、画像で書き出すことなく表現出来るようになりました。
Kenji OTA

これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌 - 0 views

  • Youtube等の埋め込み動画を動的にリサイズするCSS
  • 公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。
Kenji OTA

[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル | コリス - 0 views

  • iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアル
Kenji OTA

こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ | コリス - 0 views

  • 企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。
Kenji OTA

[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス - 0 views

  • ラッパーを使用しないで、レイアウトをセンターに配置するスタイルシート
  • ラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。
Kenji OTA

CSS3について知っておきたいことのまとめ|Webpark - 0 views

  • CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます
Kenji OTA

[CSS]画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する方法と注意点 | コリス - 0 views

  • Chrome, Safari, Firefoxなど、最近のブラウザで期待通りに表示されないのを回避する方法もあわせて紹介
Kenji OTA

[CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート | コリス - 0 views

  • GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。
Kenji OTA

積極的に取り入れたい9つのCSS3(+jQuery)テクニック - 0 views

  • CSS3(+jQuery)を使ったちょっといいかもと思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多いCSS3ですが、できるだけ積極的に使ってみたいなーとも思ってます。
Kenji OTA

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17 - 0 views

  • クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎
  • DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。
  • list-styleはliには記述しないようにしましょう。
  • ...1 more annotation...
  • クロスブラウザ(特にIE6,7)で位置がズレやすい原因は、line-heightの場合ががあります。 imgに関して、あらかじめline-heightを0にしておくことで、LPサイトなどを作るときにズレの回避に役立ちます。
1 - 20 of 39 Next ›
Showing 20 items per page