Category Archives: CSS

IE6対応もろもろ 今日のつぶやき from Twitter Log

0
Filed under CSS, スキルアップ, 便利ツール

Twitter / kanchi_206xtpのデイリーフィード – DailyFeed

///////////////////////////////////////////
2009年07月31日の記事一覧

Posted: 31 Jul 2009 01:00 PM PDT

http://dailyfeed.jp/feed/3280/2009-07-31

(全 4 件)

1.
kanchi_206xtp: jQueryとcssのサンプル。

IE6にも対応した、フッターとかの区切り『|』のサンプル1種。
jQueryを使って、CSSで対応できる。

3.
kanchi_206xtp: @globalwe6 これいいですね~ RT
IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」

アドビ、クロスブラウザテストサービス「BrowserLab」

0
Filed under CSS, お役立ちサイト, スキルアップ


アドビ、クロスブラウザテストサービス「BrowserLab」の無償プレビュー版を公開

「BrowserLab」
https://browserlab.adobe.com/index.html

Today’s Twitter Log

0
Filed under CSS, お役立ちサイト

今日のつぶやき…

  • @mersy 朝顔の種まきですかー。もうそんな時期!
  • @mersy 朝顔はもうちょっと遅くていいんじゃないですか(笑)家庭菜園たのしそうですね~
  • @dirTakeshi おお。こんなところがあったんですね!うちも助かります。tinyurl.com/yws7ct
  • 各種CMSやブログのテンプレートを配布しているサイトです。このCSSの美しさは、必見とお薦めがあったんでチェキ。vicuna.jp/

Automatically shipped by LoudTwitter 気が向いたらフォローme!

Today’s Twitter Log

0
Filed under CSS, お役立ちサイト, 便利ツール

今日のつぶやき…

Automatically shipped by LoudTwitter

FireFox アドオン

0
Filed under CSS, Firefox, Thunderbird, お役立ちサイト, 便利ツール

WinでMacキーボードをつかう。資産活用すな。http://tinyurl.com/dyqhcd

FireFox アドオン
・GooglePreview http://ackroyd.de/googlepreview/
・Copy Link Name http://tinyurl.com/d5hndb
・CSSViewer

ez-HTML
http://www.w-frontier.com/software/ezhtml.html

jQuery のこれ使えそう! http://jqueryui.com/themeroller/
ajax関連メモメモ http://tinyurl.com/db8kuw

「Movable Type Developer’s Guide Volume 1」近日発売 – The blog of H.Fujimoto http://www.h-fj.com/blog/archives/2009/03/06-152602.php

こんな表現方法もあるんだなぁ http://tinyurl.com/cc28t3

やばい。いまさら知ったw class属性って、半角スペースで複数個指定できるのね。。http://w3g.jp/xhtml/dic/class

自分用メモ http://www.artbir.com/
ちょいメモ http://tinyurl.com/6p476g

HTML5ってどうしよう。そろそろ覚えにはいったほうがいいのか?!
http://withd.jp/web/tips/standard/3947.html

cssniteにいってきた。hasLayoutってのを改めて認識。いまさらIE6についての収穫。http://tinyurl.com/yrbgmv
http://progression.jp/ja/

Progression http://progression.jp/ja/

CSS Nite in Ginza, Vol.32

0
Filed under CSS, ビジネス

セッションの概要

■成果を上げるユーザ中心ウェブサイト戦略■

ネットの世界は選択肢に溢れ、ユーザが主導権を握っているため、ビジネス成果を達成するためには、選ばれるサイトを実現しなければなりません。

今回は、事例を交えながら大きな成果に直結するユーザ中心アプローチをご紹介します。

詳細はこちら↓
CSS Nite in Ginza, Vol.32(2009年3月19日開催)

CSS nite にいってきた。

0
Filed under CSS, セミナー感想

cssniteにいってきた。

hasLayoutってのを改めて認識。
いまさらIE6についての収穫。

http://coliss.com/articles/build-websites/operation/css/143.html

ダブルマージンについても、
確かアンダースコアハックで対応していたけど、
display: inline;
を追加するだけでよかったのか。

http://css.studiomohawk.com/23/ie-double-margin-bug-fix/

基礎体力(XHML)をキレイにキープして
CSSだけで乗り切ってきてたのは間違いなかたので
そこはずれてなかったからよかった。

CSS Nite in Ginza, Vol.31

0
Filed under CSS, セミナー感想, ビジネス

【IE6の勘どころ】と題し、IE6のCSSハックについて

・IE6対応の前に
・6つのド定番
・よくあるトラブル
・まとめ

という4部構成でのセミナーでした。
ポイントかなと思ったのは下記4点です。

◆XHTMLのコーディングはシンプルに。
 基礎であるXHTMLは間違いなくキレイに。できるだけシンプルに。
 装飾要素であるCSSは少々強引でもいいのではないか。

◆ボックス要素の崩れ防に次の2要素をかける。
 word-break:beark-all;
 overflow:hidden;

 word-breakは半角英数字の長文(URL)対策です。
 http://www.htmq.com/style/word-break.shtml

◆ダブルマージン対策
 http://css.studiomohawk.com/23/ie-double-margin-bug-fix/

 これについては別の方法で対策してきたかと思いますが、
 シンプルに、display: inline; を追加するだけで対応可。 

◆hasLayout
 hasLayoutとは
 http://coliss.com/articles/build-websites/operation/css/143.html
 
 いままでよくあった、なんだかよくわからない表示くづれは、
 これが原因の場合が多かったと思います。
 

<参考>
昨日のセミナー内容のまとめに近いblogエントリーを見つけましたので
ご一読いただければと思います。
http://coliss.com/articles/build-websites/operation/work/1234.html

後日、セミナーのスライドと使用してたサンプルが
公開されるそうなので、公開され次第ご報告いたします。