XHTML+CSS Archive

今までマークアップの作業はJeditX+JcheckerXの手打ちでやっていたのですが、やはりWEBの制作会社はどこもかしこもDwを使っている事が多いので、最近になって必要性を感じたのでDwを勉強している所です。イチイチ本買っている余裕も無いし、「WEBの仕事してるんだったらそのWEBを最大限利用して勉強せい！」って事でググってみたらこんな便利サイト発見。

Continue reading

と後輩から聞かれた時、正直血の気が引いた事を覚えています。（理由はいろいろあるんですけど）

普段からDwとかGoLiveとかのオーサリングツールと使っている方や、テーブルレイアウトをやっている人にはあまり文字コードとは馴染みが薄いようです。良く思い出してみれば、私も文字コードの存在は知っていたけど、具体的にどう違いがあるのかよく分からなかった時がありました。（未だによく分かってないかもしれない…）

という事で、復習がてら文字コードについての備忘録をメモしておこうと思います。

Continue reading

今日はSwapSkillsのお手伝いとして参加してきました。たなぼたで勉強会の内容も拝聴することが出来たのですが、結構あわただしく動いていて、果たして自分はちゃんとお役に立てていたのか、ちょっと心配でした。次回はもっとしっかりせねば。。。とりあえず、今日聞いてきたことを箇条書きにメモしてみました。半分近く個人的意見と見解なども入っているので、本当にメモですが…。

Continue reading

Windowsでは以前からちょくちょく使っている高機能エディタをご紹介。

Continue reading

11/8にEricMayer氏のワークショップに参加してきました。
「効率よく最適化するためのCSS上流講座」というと講座名でした。基本的にはCSSレイアウトを作成する際に必要な開発環境、CSSの個別性やセレクタの優先度・その操作、floatプロパティとpositionプロパティについての理解と高度なレイアウトテクニックなどなど。。。。

基本的にはCSSレイアウトを普段からやっている人だったらある程度分かる講習内容でした。復習半分とアイディアの伝授半分と言った所でしょうか（私はそう感じたんですが…）

以下、講習中にGoogleDocsでとったメモ。若干寝不足で記憶が飛んでいる所もあると思いますが、その辺はご容赦を…。

Continue reading

CSSで中央揃えのレイアウトをマークアップするとき、私なんかは良くhtmlにbackgroundプロパティを指定し、背景画像をcenter topというポジションを指定する。
しかし、FirefoxやOperaなどでは問題ないが、IE6,7が1px右にズレて表示される。

素直にbodyに背景画像を指定すれば、ずれる事はまず無いが、bodyに他の背景画像を指定したり、無駄にdivタグを噛ませたりしなくては行けなかったりするので、出来るだけレイアウト目的でマークアップはしたくない事を考えるとhtmlに背景画像を指定しなくてはならない。でも1pxズレル:(

そんな時の対処法としては、ひとまずハックで応急処置。

Continue reading

ここ最近気がついたんですが、Safariのレンダリングってもしかしておかしいですか？
なんだか、画像の背景色を数値で指定しているのにCSSの背景色と馴染まなかったり、定義リストで表組作ってもよくズレるし……。FirefoxとOperaとIE7は問題ないんですけどね〜…。怪しいなんてモンじゃありません。CSS3を先進的にサポートしていてもレンダリングが怪しいんじゃIE６とおなじじゃんとか思います。なんかどれどのブラウザが正しいレンダリングなのかよく分からなくなってきました。。。IE6も色の再現ヘタクソですよね。これも最近気がついたんですが。Macみたいに微妙な色の再現が出来ないのは多分Windowsだからか？と思っていたんですが、どうやら半分くらいIE6が原因のようです。詳しくはまだ調べてませんのでよく分かりませんが。

これについてはもう少し検証が必要なようです。

Web Directions Eastというイベントが今年の11月に東京で開催されます。

ちょもちょも（？）のケツに殻つけたヒヨコよろしく、微力ながらお手伝いしているんですが（本当に簡単なお手伝い）、せめて一人でも多くの人にイベントを知ってほしくて、無能なりに記事なんかを書いてみます。

私なんぞまだまだヒヨコなんで、名前を聞いてもピンと来る人がいないんですが、「CSSの神様がくるよ」と聞いたので、せめてそこだけでも参加しようかな〜…あー…でも他にも色々聴きたいのが山盛りてんこもりです。あれとかそれとか（どれですか…）。

私が大好きなCSSとかもそうですが、日本はどうしても海外と比べると言葉の違いがある所為か、WEBの技術が遅れがちになっているようです。職場の人にも話をするんですが、どうも皆様そのへんなんと言うか「しょうがないんじゃない？ベースになってる言葉違うんだし」というリアクションで、アレだと思うんですが、もうちょっと遅れている事に対しての危機感とか持った方が良いような気がするんですよね…私の考え過ぎだと思うかもしれませんが。

自分では最先端とか思ってても世界に目を向けてみると実はそうでもなかったという事も良くあるらしいので、そんな不安がある方は是非貴重なお話を聞いてみるのも刺激があっていいかもしれません。

前回の「CSSの基本仕様」ではCSSの適用方法を記述しました。本当に触りの部分だったので、今回はもう少し具体的なCSSのマークアップの仕方を書いて行きたいと思います。

Continue reading

CSSはHTMLないし、XHTMLでマークアップした文書をビジュアル的に装飾するマークアップ言語です。
HTMLはこれまでbgcolorやfont要素で見た目を制御する属性・要素がありましたが、XHTMLではこれらの要素・属性はすべて非推奨とされています。（ただしTrasitionalでは一部適用されるものもあります）

CSS
を導入するメリットは色々ありますが、なんと言ってもピクセル単位でレイアウトやフォントのサイズが細かく指定出来る所だと思います。しかも最新バージョ
ンのCSS3では今までJavascriptで制御していた動きを制御出来るプロパティも追加されているので、更に表現の幅が広がります。
CSS3はまだ一部のブラウザではサポートされていないので、今回は一般的に普及しているCSS2.1の基本的あ特徴をご紹介したいと思います。

Continue reading