「諸君 私はコーディングが好きだ 諸君 私はコーディングが好きだ 諸君 私はコーディングが大好きだ マークアップが好きだ サイトの設計が好きだ デザインの実装が好きだ デザインカンプにスライスを切っていくのが好きだ JPEGの圧縮率を決めるが好きだ ファイル名を考えるのが好きだ 文書構造を考えるのが好きだ バリデーションが好きだ 自分が書いたソースを眺めるのが好きだ HTML で XHTML で CSS で JavaScript で Microformats で DOMで XML で XSLT で RSS で Atom で この地上で行われる ありとあらゆるコーディング行為が大好きだ 戦列をならべたコーダーの一斉タイピングが 轟音と共に修正依頼を吹き飛ばしていくのが好きだ 空中高く放り上げられた修正依頼が 効力射でばらばらになった時など心がおどる コーダーの操

この文書について この文書は、画像の使用を控え、スペース、ボーダー、配色などを駆使し、どれだけ美しいCSSのデザインが作れるか、皆で挑戦しよう!という試みです。 CSSといくつかの画像を用いてレイアウトを行っています。 まとめサイトが無い気がするよ 世間には、イケてるCSSデザインを集めた、CSSショーケース、CSSギャラリーと呼ばれるサイトがいくつか存在します。 ところが、そういったサイトの多くは、画像を沢山用いたグラフィカルでリッチなデザインのCSSデザインばかりです。私は、そんなギャラリーを見るのが趣味だったのですが、次第に飽きてきてしまいました。そして、シンプルなデザインを好むようになりました。 誤解をして欲しくないのですが、CSSのショーケースやギャラリーに掲載されているサイトのデザインはとても優れています。単に、私が求めているものとは、違ったというだけのお話です。 そこで私は、

Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問

CSSはHTMLだけのものじゃない妥当でないCSSハックはやめようという趣旨の記事を読んだのだけれど、一つ気になるところがあったので書いておく。普段だったらdel.icio.us辺りに誰も読まないコメントを書いて流すんだけど、はてブでもまだつっこまれていないようなので、記事にしておく。 結論を述べるとスターハックはCSS文法上全く問題がないハックであり、単にUAのバグをつついただけのハックである。この記事の筆者が言うような議論の必要などない。 下記にtypoを修正しつつ記事を引用する。 次に考えたいのは、書式として合っているかどうかです。* html .hoge {～}といったスターハックなどと呼ばれるハックは、「*（全ての要素）の子孫要素であるhtmlの子孫要素のクラスhogeの要素に対して～」という意味になります。しかし、html要素はルート要素なので、あらゆる要素の子要素となりえませ

Make the everyday easier with Windows 11 When there's a lot to do, Windows 11 helps you get it done. Get the details Start using mobile apps on Windows 11 The Amazon Appstore and mobile apps are now available for you to preview. Learn how to set it up on your Windows 11 PC. Get started

半角スペースのススメ アルファベットで表される単語の前後には必ずスペースが存在します。このスペースがあることで、それがひとつの単語であることが分かります。 This is a pen. が Thisisapen. となっていると、なんのことだか途端に分からなくなります。 ここでもうひとつ重要なのが、アルファベットの単語が日本語の文章の中に入ったときにも、前後にスペースを入れるか入れないかで読みやすさが大きく変わるということです。 日本語の文字とアルファベットが並ぶ場合、スペースがなくても単語の切れ目が分からないということはないのですが、どうもアルファベットの文字というのは、単語の前後にスペースが入ることを前提にデザインされているみたいで、スペースがないと妙に詰まった感じになってしまいます。 試しにやってみましょう。 今日はApple Storeへ行ってきました。今日は Apple Stor

授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直

Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催

次期Windows OS「Vista」に標準搭載される「Internet Explorer 7（IE7）」（日本語版）のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。 まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている（笑）。マクロソフトの看板アプリケーションに抜かりがあるはずはない。 ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE