Today I’ve got some really cool brushes for y’all. I’m calling these Dirty Grid Brushes, for obvious reasons. It’s a set of 15 Dirtied Grid Texture High-Res (2500px) Photoshop brushes, made from scanned, crumpled, and grungified graph paper. (I recently bought a few graph paper pads so that hopefully HOPEFULLY I’ll start drawing more type. Now they’ve been doubly useful.) I’m attaching a preview b

ブラウザによる解釈の違い もともとCSSは「W3C」が推奨する基準なのですが、一時期 [ Internet Explorer ] [ ネットスケープ ] などのシェア争いのため、各々が独自のプログラムを持った事に始まってるみたいです。最新のブラウザは概ねCSSに準じてはいますが、それでも100%対応はしていません。 また、同じ [ Internet Explorer ] でも最新の [ Internet Explorer ] とちょっと前の [ Internet Explorer version5及び5.5 ] では明らかに表示が違います。 [ Mac ] も,,,, ボックスに対する解釈の違い では、具体的に何がどう違うのか説明します。スタイルシート/CSSで段組をする際は各要素(div | h | p 等)はすべて [ ボックス ] という領域（概念）を持ちます。 [ ボックス ] が

このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお

FontPark.com was launched in 2008 and has since grown to become the biggest website offering free fonts for download. The goal of FontPark is to provide users with a collection of free and high-quality fonts covering all font styles and categories. The current font database has more than 120,000 fonts available for non-commercial and commercial use for Windows, Mac and Linux.

商用利用も無料、ベクターとラスターの両フォーマットが用意された鏡面反射が添えられたエレガントなアイコンを紹介します。

皆さんは CSS の position プロパティを使いこなせていますか？ 私はお恥ずかしながら relative （相対指定）はたまにレイアウトの微調整で使用することはあっても、今回のテーマである absolute （絶対指定）を使いこなせずにいました。理由もしっかりあり、ブラウザのウィンドウの左上から指定することにメリットを感じていなかったからなんですが・・・ しかし、今回の記事は position プロパティの特に absolute を使いこなすための基礎知識です。 「えぇぇ！！そんなことも知らなかったの！？」と思われてしまうような内容かも知れませんが、知らなかったと言うか知ろうとしなかったと言うか・・・・包み隠さず言うならまったく知りませんでした。 XHTML と CSS の書籍を久しぶりに読み返し、目から鱗と言えるような基礎知識でした。上の文章を読み『俺も absolute 使っ

連載インデックス 「Webブラウザ別CSSハック＆フィルタTips」 Webブラウザの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのさまざまなCSSハック＆フィルタTipsをお届けします IE 6で泣かないための、9つのCSSハック Webブラウザ別CSSハック＆フィルタTips（1）　Webブラウザの違いにより起こるレイアウトの表示ずれ問題。ユーザーの多いIE 6での問題を解決するテクニックを紹介します

IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。 The New Clearfix Method いわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。 旧タイプのclearfix <textarea name="code" class="css" cols="60" rows="5"> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .cle

/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSSハック・条件分岐 » floatを解除するclearfixの書き方 親ボックス内で子ボックスをフロートする場合、「親ボックスの背景画像が表示されない」、「親ボックスのマージンがなくなる」、「親ボックスから子ボックスがはみ出す」等の解決方法に。 HTML <div class="clearfix"> <div>ボックスL</div> <div>ボックスR</div> </div> CSSの書き方 その1 /* for modern brouser */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* IE7,MacI

先人の知恵に感謝する気持ちと、人に役立つ情報の掲載を目指して。当面、米国留学（LLM)、パソコン、日常生活などについて書きます。 今日、とある日本から持ってきたはずのファイルを探していたら、昔作ったマクロにであった。 数字の一桁を全角に、二桁以上を半角にすると言うもの。有報等を紙で出していた時代に厳しくチェックするように言われていた時代があった。そのときに僕には目で対処しきれないと思って作成したもの。 目的が目的なので、「．」「，」には対応しているが、「/」やら「＋」やらには対応していない。契約書などで使う分にはとりあえず必要ないかと。その代わりといってはなんだが、変更箇所は履歴で表示してくれる。別名保存でクリーン版を作成し、それにこのマクロを適用すると、変更箇所にすぐにたどり着けると思う。 今の時代の人はいらないかもしれないが、契約書等で使う人もいるかもしれないと思い、開示する。 留学と

正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて，カスケード処理，継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス（The canvas） わりあてモデル（addressing model） 用語の定義 CSS2の構文 構文（Syntax