http://xn--n8j3adt3ith.heypo.net/tag/CSS これはすごい タグ「CSS」の新着エントリー 2008-11-13T18:09:56Z en http://xn--n8j3adt3ith.heypo.net/entry/12941 随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに... 12941 2008-11-13T18:09:56Z http://xn--n8j3adt3ith.heypo.net/entry/12921 12921 2008-11-13T01:09:15Z http://xn--n8j3adt3ith.heypo.net/entry/12338 横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。 動作確認用の demo 説明 以下のようなコードを準備します。 HTML のソースコード例 この HTML ソースコード例に適用する CSS コード ul.images { padding:0; margin:0; text-align: justify; text-justify: distribute-all-lines; } ul.images:after{ conte... 12338 2008-10-21T02:08:16Z http://xn--n8j3adt3ith.heypo.net/entry/12324 CSS Driveから、6色のカラーバリエーションがあり、カスタマイズも可能なドロップダウン型のナビゲーションのテンプレートを紹介します。 CSS Candy Menu ドロップダウン型のナビゲーションはリスト要素で [...] 12324 2008-10-20T20:08:18Z http://xn--n8j3adt3ith.heypo.net/entry/12224 Paul Hammondから、スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方を紹介します。 Conditional classnames まず、HTMLのbodyは条件式を使用して、IE用に「.ie」をク [...] 12224 2008-10-17T02:08:10Z http://xn--n8j3adt3ith.heypo.net/entry/11803 こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単... 11803 2008-09-30T14:08:07Z http://xn--n8j3adt3ith.heypo.net/entry/11441 こんにちは。トゥーアールの西畑です。jQueryによるJavaScript入門、11回目はattrを利用して属性値の制御を行ってみたいと思います。 まずはサンプルをご覧ください。 リンクをクリックすることにより画像が切り替わるギャラリーになります。 jQuerコード $(function(){ $("a").click(function(){ $("img").attr("src",$(this).attr(&quo... 11441 2008-09-17T13:09:08Z http://xn--n8j3adt3ith.heypo.net/entry/11235 tutsearchは、PhotoshopやIllustratorを使ったデザインや、スタイルシート、スクリプトなどのチュートリアル専門の検索サービスです。 tutsearch Tutorial Search 日本語を [...] 11235 2008-09-09T14:08:13Z http://xn--n8j3adt3ith.heypo.net/entry/10800 コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 　90のフリーCSSレイアウ... 10800 2008-08-23T01:08:49Z http://xn--n8j3adt3ith.heypo.net/entry/10526 ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...] 10526 2008-08-13T02:08:29Z http://xn--n8j3adt3ith.heypo.net/entry/9918 雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている 　 Webはそういった媒体ではない、と言い切ってしまえばそれま... 9918 2008-07-22T01:08:10Z http://xn--n8j3adt3ith.heypo.net/entry/9781 お祭り騒ぎだったiPhoneの発売日ですが、PC、ケータイに加えてもう1サイトつくるのかよ！　とお怒りの方に朗報です。 アップルストア銀座で行われた『誰でも出来るiPhoneのウェブサイト』のセミナーにて、CSSによってPCサイトをiPhone（とiPod Touch）に対応させる方法が解説されました。 User-Agentでの表示分けを覚悟していた身としては、mediaタイプでCSSを切り替えるという方法は目... 9781 2008-07-16T03:08:14Z http://xn--n8j3adt3ith.heypo.net/entry/9671 ke-tai.org > Blog Archive > ドコモのCSSをインラインに埋め込んでくれるPHPラ... 9671 2008-07-11T15:08:10Z http://xn--n8j3adt3ith.heypo.net/entry/9581 当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきて... 9581 2008-07-08T14:08:36Z http://xn--n8j3adt3ith.heypo.net/entry/9031 Uh oh! Looks like you are using Internet Explorer 6 or below. Only browsers than can display alpha transparent PNG's will see this effect in all it's glory 9031 2008-06-17T01:08:19Z http://xn--n8j3adt3ith.heypo.net/entry/9012 CSSでアニメーションする馬をパカパカ走らせるイリュージョン。まずは以下のムービーを参照この原理をCSSで応用してみたの... 9012 2008-06-16T11:08:13Z http://xn--n8j3adt3ith.heypo.net/entry/8924 なにやらクールなイメージ装飾スクリプト。 ちょっと興味があるので勉強がてらご紹介。 8924 2008-06-12T19:08:08Z http://xn--n8j3adt3ith.heypo.net/entry/8917 david walsh blogのエントリーから、可読性・視認性やファイルの容量など、使い勝手を考慮した5つのスタイルシートのフォーマットを紹介します。 How I Format My CSS Files セレクタごと [...] 8917 2008-06-12T15:08:28Z http://xn--n8j3adt3ith.heypo.net/entry/8596 CSS Decorative GalleryI’m using the same trick to show... 8596 2008-05-30T18:08:25Z http://xn--n8j3adt3ith.heypo.net/entry/8388 cssの書く順序を統一したい場合は、Mozilla.orgが設定している順序がおすすめです。 ■Mozilla.orgが設定している順序 http://www.mozilla.org/css/base/content.css /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) */ /* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-alig... 8388 2008-05-23T01:08:52Z