WindowsでもMac OS XでもつかえるCSSの無料のオーサリングツール -Simple CSS
スタイルシートを簡単に作成できる、Windows, Mac OS Xに対応した無料のオーサリングツールを紹介します。 Simple CSS — A Free CSS Authoring Tool [ad#ad-2] Simple CSSの対応OS Simple CSSはWin版とMac OS X版があります。 Windows 98/NT/2000/Me/XP/Vista/7 Mac OS X Universal (Intel/PPC) >Simple CSSのダウンロード 下記ページで、Windows版・Mac版がダウンロードできます。 Simple CSSのダウンロードページ [ad#ad-2] Simple CSSの画面 起動した際の画面は、下記のようになります。
preタグの中身がFirefoxで改行されない
<pre>長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト長いテキスト</pre>と<pre>の中身に長いテキストを書くと、FirefoxをはじめMozilla系列のブラウザだとデフォルトでは改行してくれないことを今日知った。スタイルシートをこうやって変更した（出典）。pre { padding:3px; border:1px solid #333333; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
IE8が対応したCSS 2.1の機能：displayプロパティなど3種類を解説 - builder by ZDNet Japan
今回は、IE8が対応した次の3つのプロパティについて確認していきたい。 display list-style-type white-space これらのプロパティには古いIEも対応しているが、CSS 2.1で定義されたすべての値に対応していたわけではなかった。IE8では定義された値を一通りサポートするようになっている。そこで、今回はこれらのプロパティの値のうち、IE8が新しくサポートしたものについて確認していきたい。 なお、新しく対応した機能を利用するにはIE8のStandardsモード（標準準拠モード）で表示する必要がある。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 IE8はdisplayプロパティの値のうち、古いIEで未対応だったrun-inとinline-block、テーブル関連の値に対応した。ここでは、そ
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
CSS でブログ本文の画像だけをセンタリングする
ブログのエントリー本文は、一般的に左寄せで表示しますが、「本文中の画像だけをセンタリングしたい場合はどうすればいいですか？」というご質問を頂きましたので、本エントリーで紹介します。 このカスタマイズを行えば、下の画面のように、画像だけをセンタリングすることができます。 ちなみに、これは昨年の11月に頂いた質問で、もっと早くエントリーを公開する予定でしたが、完全に忘却の彼方でした。大変申し訳ありません。 １．設定方法 エントリー全体が、 class="entry" という class 属性で括られていると仮定した場合、CSS に、 .entry img { display:block; margin: 0 auto; text-align: center; } を追加するだけです。 class属性名が異なる場合は .entry の部分を変更してください。また、セレクタ名を img という要素
IE6でもCSS3の擬似クラスを使う | チバのブログ
ｊQueryをつかってIE6でもCSS3の恩恵にあずかるための解説第2弾。 前回は属性セレクタを扱いましたが、今回はCSS3の便利な疑似クラスをIE6でも使えるようにしてみましょう。 といっても、$()でCSSとおなじ指定をするだけなんですが･･･CSS3の疑似クラス CSS3にはいろいろな疑似クラスがありますが、jQueryで簡単に使えるようになるものとして、以下の疑似クラスについて解説したいと思います。 :nth-child(n) :first-child :last-child :empty :nth-child(n) ある要素のうち、その親要素のn番目の子要素にのみスタイルを指定する疑似クラスです。 たとえば、以下のようにかくと<div>のなかにある7番目の<p>要素にのみスタイルを指定することができます。 div p:nth-child(7) { color: #F00;
CSSでリストをパンくずリストにする【1】：CSS 3分コーディング
CSS（スタイルシート）の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 今回のテーマ：CSSでリストをパンくずリストにする【1】 前々回の応用編ということで再びリスト、<ol>と<li>を扱っていきます。 前々回は<li>を横並びに表示するテクニックをご紹介しましたが、これをちょっと応用すればパンくずリストがさくっと作れます。 パンくずリストとはトピックパスとも言われ、Webサイトの構造を表すリストのことで、今自分がサイト内のどこを閲覧しているかを簡単に確認できるというメリットがあります。 こういうやつですね。 どの要素でマークアップするのが適当かという議論もありますが、ここでは<ol>と<li>でやってみたいと思います。 <div class="topicpath"> <ol> <li><a href="#">トップページ</a><
Home - Magento Wizard | Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO
Magento Wizard | Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO Lakewood Colorado Magento Web Design, E-Commerce, Online Marketing, SEO I am a Magento Certified Developer with over 6 years of experience building and maintaining Magento 1.x/2.x Community and Enterprise editions. With over 20 years’ experience supporting networks, computers support issues, eCommerce websites
Spice up Your Images with CSS
Here are a few simple tricks to add some flavor to your typical bland images. Using Photoshop to style each image can be tedious and difficult to maintain in the long run. These following CSS techniques will help you ease that pain! If you have some of your own techniques, please share them! Drop Shadow Effect Add a drop shadow by using a background image with some padding. View Demo HTML <img cla
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webstandard.kulando.de/post/2010/03/19/css-box-reflect-spiegelung-ohne-javascript-und-photoshop
Stoat – Where?
Restyle the web with Stylish
IDEA * IDEA
http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/
CSSのみで画像に違和感なく注釈を入れるサンプル:phpspot開発日誌)
Content Removed (Windows)
Google Code Archive - Long-term storage for Google Code Project Hosting.