[B! あとで][CSS] sugawaramasayaのブックマーク

The Future Of CSS Typography — Smashing Magazine

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which shoul

sugawaramasaya 2010/03/05

リンク

Blueprint CSS と仲良くなるツールあれこれ

ごくたまにですが、自分の本編講演が始まる前に簡単なツールの紹介をすることがあります。小難しいことを話す前にキャッチーな話題に触れて講演に少しでも注目してもらおうと考え、時間がうまく調整出来たときにしています。昨年９月に開催された CSS Nite LP7 では、Blueprint という CSS フレームワークを紹介しました。 Blueprintは、様々なレイアウトパターンを class 属性を変更するだけで作ることが出来ます。カラムの数、コンテンツエリアの横幅、ボックスの移動、そしてフォームの作成など手軽に操作が可能です。柔軟性に長けているだけあってコードの量やファイルの分け方が独特なので、納品物として出せない場合がありますが、HTMLでプロトタイプを作りたいという方には良いツールです。 CSS フレームワークと呼ばれるツールセットは他にも幾つかありますが、Blueprintは関連ツール

sugawaramasaya 2010/01/15

“様々なレイアウトパターンを class 属性を変更するだけで作ることが出来ます。”

リンク

IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」

TOP > Tool , WebDesign > IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」 WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版と

sugawaramasaya 2009/12/24

リンク

HTMLコーディングの代行・外注はクロノドライブ

人気のサービスクロノドライブでは、お客様のコーディングに関するすべてのお悩みを解決するべく、多様なサービスを準備しております。その中でもご要望の多いサービスをご紹介致します。 PCサイトコーディングPCサイトのコーディングプランです。短納期案件や大規模案件でもご相談ください。スマートフォンサイト・レスポンシブWebデザインコーディングHTML5+CSS3でのスマートフォンサイト構築を行います。レスポンシブWebデザイン対応も可能です。 WordPress構築WordPressの新規構築から、既存サイトの修正・カスタマイズまで幅広く対応いたします。 JavaScript対応フルオーダーのJavaScript構築のほかに、JavaScriptカスタマイズや修正も行なっております。クロノドライブのコーダーがTipsをご紹介しております。 jQueryを使うなら知っておきたいjQuery

sugawaramasaya 2009/10/30

リンク

Guide to CSS Font Stacks: Techniques and Resources — Smashing Magazine

CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks tools auto-recommend or go even more basic by just specifying a single web-safe font. But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you inten

sugawaramasaya 2009/09/23

リンク

Firebug の使い方：(X)HTML と CSS の確認・修正方法のまとめ

Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。特に３項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。１．基本：(X)HTML マークアップと CSS を表示する確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo