xhtml+css
.selector { /zoom : 1;} .selector:after { content : ''; display : block; clear : both; }
例えば、国名を選ぶと、その国の人口が表示されるUI。html <form> <select id="country"> <option selected>国名をお選びください</option> <option value="0">日本</option> <option value="1">アメリカ</option> <option value="2">中国</option> <option value="3">インド</option> </select> </form> <dl id="result"> <dt>日本</dt> <dd>127,450,460</dd> <dt>アメリカ</dt></dl>
Flash→HTML5はFXG形式で書き出し可能（Flash CS5以降） swfからASを抜き出すフリーソフトあり ↓ 挫折 ↓ 一からHTML5アニメを作るには・・・こんなツールがあった (for Windowsでフリーのもの)Inkscape・・・フリーのベクター描画ツール SVG形式で書き出し Bl…
とりあえず自動改行させたいセレクタに次の3行を貼りつける。 { word-wrap: break-word; white-space: pre-wrap; /* IE,FF */ word-break:break-all;/* webkit */ } 詳細は下記に詳しいhttp://n-www.atlus-d-shop.com/products/detail.php?product_id=7
normal時とhover時の画像を用意せずともcssの半透明(opacity)処理だけでロールオーバーを実現する方法。css .btn a{ display:block; width:100px; height:20px; text-indent:-9999px; background:url(/*画像のURL*/) no-repeat; } .btn a:hover { background…
少しうちを模様替えをして、前よりPCが使いやすくなったので、新しいCore i3マシンにWebサーバー系のソフトをインストール。 VertrigoServ FFFTP vmware player Fedora13（on vmware player） Firefox うちを模様替えしたついでに、dentaq.netも少し模様替え…
あるWeb運用案件で、全くCMS化されていない今時珍しいサイトがある。 運用を任されており、お知らせ一覧を毎回、トップページ、お知らせ一覧その１、お知らせその２と 三箇所更新しなくてはいけないのがいい加減面倒になってきたので、これを簡易CMS化してみ…
会社が早く終わったので、css niteが行われるApple Store銀座に久々に潜入。きょうはバシャログの中の方たちによる「バシャログLIVE」。業界10年というベテランのディレクターさんを中心とする中の方３名から、現場で使えるWebデザイン+コーディングのTipsを…
新しい職場は、やはりIT企業でのWeb制作業務ですが、 デザインツール（Photoshop,Illustrator）を使った業務が多いです。 面接時にお願いされた、 「SE（サーバーサイド）とデザイナー（フロントエンド）の橋渡しとなるようなポジション」 とは程遠い業務で…
タイトルにある通り、世界でも最先端と思われる技術で作られたWebサイトのcssを分析し、最新トレンドを考える、という内容の本。 横幅固定一辺倒からリキッド・レイアウトがぼちぼち目につき始めた、といった分析から、 text-indent:-9999px;という指定が使…
初級〜上級実務レベルまで、cssコーディングについてはこの一冊でOK、と思わせる決定版。 カラーの図解がたっぷり多いので、cssの値を指定した際に実際どのような表示になるのかが細かくわかるのも、大変ありがたい。
voice-familyを使った「Box Model Hack」（2002年〜2003年）Windows版IE5.5以前が「cssの\記号によるエスケープを正しく解釈できないこと」を利用したハック。特定のWebブラウザに専用の外部スタイルシートを読み込ませるハック（2004年〜） 「Box Model Hac…
IE6のシェアは今後縮小の方向に進むことは自明のことかと思いますが、いまだに25%ものシェアがある為、対応はせざるを得ないというケースもまだまだ多いと思われます。 私のかかわっております案件で先日IE6対応を行った際役に立ったTIPSをご紹介します。 表…
「IE6はもういらない」——Web企業が撲滅キャンペーン - ITmedia エンタープライズ via kwoutこのキャンペーンは大歓迎です。皆さんブラウザはIE8ですか？
たとえば、申込書のフォームで背景画像に申込書本体を画像で設定し、印刷時には入力項目だけを印刷したい、といった場合、cssを以下のように設定します。※下記の記述をcssに追加@media print { body { background-image:none; } }◆解説 @media print {} で{}…
WordPressのindex.phpとスタイルシートを一からマークアップ中。勉強になります！Flashは難しい。してセブンで買った赤ワインを一口分グラスに注ぎ、まず思いっきり香りを吸い込んで楽しんでから飲む。風邪気味なので、きょうは早めに寝ます。明日はスタイル…
