[Wordpress] 15 Free WordPress Themes with a Responsive Layout - レスポンシブレイアウトに対応したワードプレステーマ
[WordPress] 15 Free WordPress Themes with a Responsive Layout – レスポンシブレイアウトに対応したワードプレステーマ Pocket Tweet レスポンシブレイアウトに対応したWordpress用テーマ15選。出てるもんなんすね。それも15個も紹介されてて、ちょうどこのブログもレスポンシブレイアウトで作り直そうと考えているのでなかなかタイムリーな記事。なんかこう、単純にUA見てスマートフォン対応するっていうよりは、こっちの手法の方がスマートな気がするんですよね。PCとスマートフォン以外に最近タブレットとか色々あるし。 15 Free WordPress Themes with a Responsive Layout
[CSS3] Quickie CSS3 Tricks with Fallbacks - 簡単にできるCSS3を使ったトリック
[CSS3] Quickie CSS3 Tricks with Fallbacks – 簡単にできるCSS3を使ったトリック Pocket Tweet これなかなかアツい。簡単にできるCSS3を使ったトリック集なんだけど、ただ角丸にしたりテキストにブラーをかけるだけじゃなく、それらを動きを使って見せてます。説明するよりデモページを見た方が早いですね。各オブジェクトにオンマウスすると、Flashのトゥイーンみたいな動きでスタートとエンドの中間を補完する形で動きます。最初JS使ってるんだと思ってソースDLしたら、CSSだけでした。-moz-transition: all 0.1s ease-in-out;あたりがソレっぽいです。CSS3でこんな事できるんですね。これを指定したところでレガシーブラウザには特に悪影響なさそうなので、モダンブラウザユーザー向けにちょっとした一手間をかける事もできそう
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
Safariの禁則処理 - symmetry club annex
Appleのウェブブラウザ、Safariがバージョン3になってから、ときどき日本語の禁則処理が働いていないページを見かけることがある。文末の句読点とか括弧とかが行頭に送られてしまったりするのだ。そうしたページも、Safari以外のブラウザでは正常だし、自分で制作しているサイトではそんなことが起きたこともないので、気にはなっても調べもしないで放ってあったのだが、今日もたまたまそういうサイトを見かけて、この機会に検証してみた。 結論を言えば、スタイルシートに "word-break: break-all" が指定されているページでは、Safari 3が禁則文字まで折り返してしまうらしい。 今のところ "word-break" プロパティはCSS3で策定中のものとはいえ（もとはIEの独自拡張だそうだ）、欧文ばかりでなく和文にまで適用してしまうSafariの仕様にも問題ありだろうな。 サイト制作者
CSSとJavaScriptで作るサイトメニュー - rytich's diary
探したついでにまとめのまとめ。 知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE でかなり使えそうなhttp://www.hereticanthem.com/webdesign/275/を含め、一通りは紹介されてる。 以下それ以外の。 横型メニュー Flashのような動き javascriptで伸縮するメニューができる - webデザイナーのナナメガキ これもFlashっぽい http://devthought.com/cssjavascript-true-power-fancy-menu/ サンプル8種類 Powerpoint Alternatives For Windows 10, Mac & Linux サブメニュー付 http://www.aplus.co.yu/adxmenu/examples/ シンプル Dynamic Drive
hail2u.net - Weblog - pre要素へのスタイル指定
idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げられると思う。 ほとんどのブラウザでpreは等幅フォントで表示される ほとんどのブラウザでpreのwhite-spaceはpreになっている フォント・ファミリを指定する場合は最後にGeneric font familiesが必要になる overflow: scroll;では縦横どちらにあふれた場合でも縦スクロール・バーと横スクロール・バーが両方とも出る overflow: auto;ではあふれた方向にのみスクロール・バーが出る Internet Explorerではoverflow: auto
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (1) 01-01 Internet Explorer 7 beta2のCSS実装 (MYCOMジャーナル)
米Microsoftから2006年5月、Internet Explorer 7(IE7)beta2がリリースされた。IE7は2001年にInternet Explorer 6(IE6)がリリースされて以来、5年ぶりのアップデートとなる。このメジャーアップデートでは、CSSの標準規格への準拠やバグの修正、未対応だった機能への対応などが期待されている。 IE7 beta2では、CSS2.0のセレクタや「fixed」による固定位置表示、すべての要素に対する「:hover」の指定などに対応しつつ、XML宣言の記述によって発生していた問題が修正されるなど、要望の大きかった部分への対応・修正が行われている。 しかし、フロート(回り込み)関連や、プロパティを組み合わせたときに発生する細かなバグに関しては修正されていない部分も残っており、正式版リリースまでにどのぐらい修正されるかが注目される。 一方で、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS3] Tabs with Round Out Borders - 角と付け根を丸くしたタブ表現
worldending.jp
XHTML CSS (r)evolution [1]