pruto.jp - よく使うCSSの話|基本編
2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS
Free Css Templates
CSS Templates Welcome to Free CSS Templates Website! Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: 1. Table free in its design (no tables have been used for layout purposes). 2. The templates are light weight, so that it won’t take too long to load. 3. W3C Standard compliant. 4. Comes with public domain photos, pr
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
csstux - The best dressed sites on the web
如何にしてスタイルシートを書くべきか？ ～CSSの小ワザ集～ 当サイトではホームページを作成する際のCSSの実践的な書き方について考察しております。 スタイルシートを使用することにより、より表現力豊かなウェブデザインの実現が可能になりますが、いくらデザインの感性が優れていたとしても、それを実際にホームページ上で表現するためにはCSSスキルの習得が必須になります。csstux.comではウェブデザイナーの感性をホームページ上でいかんなく発揮できるよう、CSSの書き方に関する小話などをご紹介しております。 昨今、CMS - content management system - の出現により、ホームページの作成環境はますます手軽になってきてはおりますが、どれほどCMSが高機能化しても、実際にサイトのデザインを変更するにはスタイルシートの知識は必要不可欠です。 また、最近は閲覧環境も多様化してき
CSS Bloom - CSS Web Gallery and WebSite Design Inspiration
正规服务资质 Formal service qualification 20年服务经验 20 years service experience 专业的服务团队 Professional service team 规范化服务流程 Standardized service process 专业资质、证书齐全让服务更安心 广东2007so太阳集团产业集团有限公司创始是东莞市宝丽洁清洁服务有限公司。 经过20年的高速发展和整合，公司已颇具规模，综合实力在东莞市环保行业中名列前茅，品牌影响力已辐射全国多个地区。 专注保洁服务已经有20年让服务更专业 在绿化清洁服务方面具有20年的管理与实施经验，对项目的实施进度及质量负责。 主要业务为：外墙清洗、石材翻新、地毯清洗、防水补漏、物业保洁、消杀四害、园林绿化、环境治理、水池清洗等。
Super Stripes
Supawhat? Stripes are undoubtly very popular graphical element these days. They are used in many ways in web design, mostly as background patterns of various layout parts or block elements. Here is a fresh tip that could save your time. Solid and transparent When i match colors for some web site, i find it very easy if i use one small .GIF image, which has one stripe transparent and others are sol
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
小粋空間: CSSで画像に影をつける（ドロップシャドウ）
CSSを利用して画像に影をつける（ドロップシャドウ）カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com：Easy CSS drop shadows A List Apart：CSS Drop Shadows nlog(n)：アップロードした画像に影をつけるには POCHIKING*：画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き：cssの設定で自動的に画像に影を付ける 花と写真とblogと。：画像に影をつけてみる。 最初の1976d
満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ
年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。（多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。） Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。猫も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life
ダイナミック大熊信士 - スタイルシートなんか知らなくたって簡単！ はてなオリジナルデザイン！！
はてなダイアリーのデザインには二つの方法があります。一つは自分でスタイルシートを作ること。二つ目はてなが用意したテーマ使うことです。ほとんどの人たちがスタイルシートなんて知らなくて後者を選んでいると思います。僕もそうです。でも人気のあるデザインは使っている人が多くてひとと被りがちだし、せっかくのデザインなのにここをもうちょっとこうしたい、なんて思うひとも多いかもしれません。そんな人たちのためにスタイルシートなんてほとんどわからない僕がオリジナルデザインのダイアリーを作る方法教えちゃいます！ とりあえず僕がFirefox使ってるんでそれ前提にお話しますが、違う人は各々対応してください。 CSSをぶっこ抜こう とりあえず大本になるデザインテーマを選んでください。今回は「hatena_cinnamon」のテーマを使用します。 テーマを変更したトップページからページのソースを抜き出します。 デフォ
Lucky bag::blog: dt と dd を横並び
定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく） dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt
Online CSS Optimizer / Optimiser
Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Every once in a while, we at Andy's peer outside the industry and share a glimpse of things we find interesting. That's what you'll find b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで使えるCSSレイアウトのテンプレート配布サイト:phpspot開発日誌
CSSによる段組（マルチカラム）レイアウト講座
携帯電話向けのCSS(ウェブの作り方・携帯電話向けコンテンツの書き方)。
スタイルシートスタイルブック » Blog Archive » テンプレートいろいろ
Blogサイトで見かける変なHTML
CodeWeb: ブラウザ別CSSハック一覧表