一定期間更新がないため広告を表示しています
![「リセット用CSSを使わない」ことが流行ってる（らしい）理由 | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
「リセット用CSSを使わない」ことが流行ってる（らしい）理由 | necoze LOG2 [ネコゼログログ]
一定期間更新がないため広告を表示しています
Particletree » Dynamic Resolution Dependent Layouts
IntroductionIn my previous feature on CSS layouts, I talked a bit about the different CSS layout approaches available to a designer when building a web site. In this feature, I’d like to focus on a dynamic resolution dependent layout implementation that I think provides a strong alternative for those trying to find a balance between fluid and fixed layouts. With dynamic layouts, the possibilities
YUI: CSS Grid Builder
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut d
Web デザイナーに求めたい 5つのこと | WWW WATCH
趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので
CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
文字関係のCSSサンプル - CSSTYPE - web safe typography on screen for pixel perfectionists
This domain may be for sale!
CoolHomepages Web Design Gallery - Web Page Design Gallery, Web Design News, Links, Flash Designs...
Cool Submissions Got some cool files you made that others might enjoy? Fonts, Photoshop brushes, templates, illustrations, backgrounds, and icons. Submit! Submit your site to our moderated Cool Blog if you think […] Welcome to Cool Homepages, your number one source for website designs and templates. We’re dedicated to giving you the very best website templates, with a focus on design, speed, and p
CSS Import™ | The CSS Gallery
Web app development tutorials and tools
CSS Hacks
Back to Web Devout home CSS hacks Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when t
miniturbo::Blog ネガティブマージンによるレイアウト
「マイナスマージン」や「ネガティブマージン」で組み立てるレイアウトです。 てんぽさんの記事にあるように、floatにより発生するカラム落ちは、親のボックスが内包するこのボックスのwidthに原因があるのではなく、そのマージン辺に原因があります。 とりあえず、以下をご覧ください。 たとえば固定幅の2カラムの段組を作るときは、 <div id="content"> <div id="main"> <p>メイン的なやつ</p> </div> <div id="utilities"> <p>サブ的なやつ</p> </div> </div> こんな感じの構造になります。 これに当てこむスタイルは div#content { width: 700px; margin: 0 auto; } div#content div#main { float: left; width: 100%; } div#co
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
css Zen Garden: The Beauty in CSS Design
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
MovableType 3.3 で Tag cloud を簡単に実装する方法 - pur*log
MovableType 3.3 で Tag cloud を簡単に実装する方法 2006-06-24T23:42:09+09:00 Tag: CSS, design, MovableType, tag, tagcloud, tips, webdesign 2006年6月27日の Movable Type 3.3 本公開に向けて、すごい勢いでベータテスト版が更新されていますね。 このブログもすでに beta2 でテストしていますが、beta3, 4 と出るようで、フィードバックがとても追いつきません。 MT3.3 で一番キャッチーだと思う機能は、やはり、Tag 機能が正式にサポートされたことだと思います。 そこで簡単に Tag cloud を実装するためのソースを備忘録として書いてみました。 （id や class の名称は使うサイトでバッティングしないように適宜置き換えるとして）(X)HT
おれはおまえのパパじゃない - ブログデザインの好みについてちょっといわしてもらいます
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね？ はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言います。だって基本、マウスポインタってブラウザ画面の右の方をうろちょろしてません？ スクロールバーが必ず右に出るから、「このやろう出やがったなスクロールバーめ！」って感じで右らへんに位置しとるでしょ。そしたらナビゲーションも右にあったほうがいいんじゃないかなって。まあどうでもいいですかこんなこと。(あとブラウザをわざと横幅狭くして横スクロールバーが出てるときに、左サイドバーはしっかり表示されてるのに本文は横スクロールしないと見られないって状況もありますね確
デフォルトのフォームをクールにカスタマイズする方法:phpspot開発日誌
maratz.com archive Fancy checkboxes and radio buttons Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included). デフォルトのフォームをクールにカスタマイズする方法。 以前、「Niceformでエレガントなフォーム生成 」というので独自フォームにデザイン変更する方法をお伝えしましたが、どういう仕組みか気になっていました。 独自フォームデザインの実装方法について書かれているサイトを発見したので仕組みを説
角丸ライブラリ - tikeda::Diary:
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01：小さ目な角丸 02：大き目な角丸 03：斜線の角丸（背景画像をループ） 04：ストライプの角丸（背景画像をループ） 05：木模様の角丸（背景画像をループ） 06：リボンのついた角丸（背景画像を固定） 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Drive- Categorized CSS gallery and examples.
http://2xup.org/repos/doc/slide/css_nite_vol9/
hereticanthem co.,ltd. » 『CSSデザインで洗練されたサイト』を集めたサイト