タグ

CSSに関するScarecrowBoneのブックマーク (13)

  • CSS Drive: Image to Colors Palette Generator

    Welcome to CSS Drive's Image to Colors Palette Generator! Upload an image to generate a color palette based on the image's primary colors. Useful for quickly grabbing a particular color within an image for inspiration.

    ScarecrowBone
    ScarecrowBone 2009/02/17
    良い色合いの画像を一括でカラーパレットに変換できるツール via:http://bit.ly/r2ppE
  • GNOME 2.16.2リリース MOONGIFT

    特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿:センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る!2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ!2014/01/30 なぜプレミアム?そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト?オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す

    ScarecrowBone
    ScarecrowBone 2006/11/26
    CSSによるメニューを生成するソフトウェア
  • Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト

    平素はテンプレートモンスター ジャパンをご利用頂きましてありがとうございます。 2020年7月31日をもって、同サービスを終了させて頂くこととなりました。 システム障害により、2020年6月下旬より同サービスサイトを停止しておりますが、復旧の目途が立たないこと、及び昨今の新型コロナウィルスの影響により、当社全体としての事業の選択と集中が必要であること等を総合的に検討した結果、同サービスの終了を判断したものです。 従前より、テンプレートモンスタージャパンをご愛顧頂きましたお客様には、厚く御礼申し上げます。 また、同サービスのアフィリエイトプログラムにご参加いただいておりますアフィリエイター様のアフィリエイト報酬のご請求は2021年1月31日まで受付けさせて頂きます。 改めまして、同サービスをご愛顧いただき、御礼申し上げます。

    Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
  • 画像なしで角を丸くするCSSテク:<wbr> Nifty Corners -<wbr> PLAYNOTE

    普通は「画像 + DIV要素を入れ子 or TABLE」で無理矢理実現させる角が丸いボックス要素を、一切画像を使わずにCSSだけで実現する手法が紹介されててちょっと感動したので実験。その名も Nifty Corners 。 タグ打ちが死ぬほど複雑&面倒臭いが、同ページで紹介されているJavaScriptを使えば、適用する対象のブロック要素の名前と背景色・前面色を指定するだけでタグを自動生成してくれる。これは便利かも。 中身のないインライン要素(<b>)を大量に使っていてW3C的にアウトだからこのサイトでは多分使わないけど、どっかで使えるかもだから覚えておこう。 上記サイトで紹介されている丸角サンプル 見出し+文のセット メニューバーも丸くするとオシャレ 角が丸くてキュートなメールフォーム Nifty Corners を多用した併せ技。カッコいい。

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • http://dac.lolipop.jp/blog/archives/000259.html

    ScarecrowBone
    ScarecrowBone 2006/11/11
    角丸めの手法が広まるのはいい事では?法律の穴をついた行為が広まれば、法律に速やかにパッチが当てられるわけで、border-radius propertiesの実装が早くなるって事じゃないかしら。そも原則想定されてない事をやってみせる
  • hail2u.net - Weblog - IEでフロートさせたボックスのマージンが倍になるバグ

    WindowsのIE5.5や6など(5とか5.01は知らない)にはfloatさせたボックスへ指定した左右のmarginが正常に反映されない(倍になる)というバグがあります。最近はfloatを使ってゴニョゴニョする機会も多いと思うので厄介に考えている人も多いでしょう。実はdisplay: inline;とか指定してやると回避できちゃったりとかします。ネタ元はThe IE Doubled Float-Margin Bugだったような気がしますが、別なところで見つけたような気もする。 バグの状況自体は上記CSSバグリストのURLを参照していただければわかりやすいです。と言いつつ回避手段の使用前/後を並べてみたHTMLを用意してみました。IEで見れば一目瞭然で、1つ目のコンテナ内のフロートさせたボックスの左のマージンは倍(80px)になっているのに対し、2つ目のコンテナ内のフロートさせたボックスの

    hail2u.net - Weblog - IEでフロートさせたボックスのマージンが倍になるバグ
  • http://www.styletype.jp/2005/04/css.html

  • IE で div の高さを 1px にする方法

    こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。 <div style="width:100%;height:1px;background-color:red;"></div> これは次のように表示されます。 Mozilla / Firefox では意図通りに高さが 1px になりますが、IE では1文字分の高さが確保されます。そこで font-size を小さくしたらいいのではないか思い、 <div style="width:100%;height:1px;background-color:red;font-size:1px;"></div> のようにしてみましたが、これでも 2px 分は表示されてしまいます。他にも font-size:0px や line-height:1px のようにしてみたのですが、うまくいきませ

  • これで全部ブラウザテスト

    PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ

    ScarecrowBone
    ScarecrowBone 2006/11/11
    『タコエンジンと呼ばれているこのメソッドはタコの足のように8方向にそれぞれ画像を割り当ててCSSのクラス名を変えるだけで丸角やエンボスのかかったボックスに簡単に変更することができます』
  • line-height の値には単位なしが良いとされる理由

    CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size

  • ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE

    まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

    ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
  • IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化,ファイルサイズ削減ツール

    Summary テキストフィールドにCSSを入力するか,CSSが置いてあるURLを指定して,"Process CSS" をクリック. 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; } 使用後 (Compression: Low) #example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; } 入力 196 byte 出力 99 byt

  • 1