タグ

cssに関するcoca6のブックマーク (25)

  • CSS Generator(CSS自動生成ツール)

    思い通りのスタイルを実現するCSSジェネレーター 従来からWEB上でCSSを生成するツールはありますが、その多くは入力する項目がたくさんあって面倒だったり、必要のないCSSまで一度に設定する必要がありました。 CSS Generatorはちょっとマニアックだけど自由度の高いCSS自動生成ツール。 あらかじめ必要なCSSを選んでから、そのCSSにあったカスタマイズ項目(入力補助機能付き)が現れるため、非常に効率よくCSSを設定できます。 CSSをある程度理解されている方、CSSを効率よく作成する必要のある方、CSSにどっぷり浸かったWEB業界の方向けのツールとなります。 特徴 『CSS Generator』は以下のような特徴を持っています。 約60種のセレクタから自由に選択。組み合わせは無限大。 必要なCSSセレクタ(スタイル)を選び、それにあった入力フォームが生成されるため、効率よくCSS

    CSS Generator(CSS自動生成ツール)
  • CSSのプロパティを見ながら指定できる·Simple CSS MOONGIFT

    CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。 テキスト設定 そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimple CSSが便利だ。 今回紹介するフリーウェアはSimple CSSMac OSX向けのCSSエディターだ。 Simple CSSCSSの設定ごとに一覧し、プロパティを一つ一つ設定できるCSSエディタだ。テキスト、表示、ボーダー、寸法と設定項目がグルーピングされているので分かりやすい。設定項目は自由に入力できる場合はテキストボックスだが、項目から選択する場合はドロップダウンから選ぶだけで良い。 ボーダー一覧 テキストの色もピッカーから選ぶだけで良い。意外と忘れがちな項目名や設定方法もSim

    CSSのプロパティを見ながら指定できる·Simple CSS MOONGIFT
  • シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

    Crescent Eve はシンプルなエディタです。 こだわりの基機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を

  • セレクタ - CSS2 リファレンス

    この文書では,CSS2のセレクタ構文とその概要について述べます。CSSでは適用対象の選択のためにセレクタと呼ばれるパターンマッチングの規則が用いられ,文書ツリーの各要素に適用されるスタイル規則を決定します。 このセレクタの章を読み始める前に,まづCSS2構文の概説を通読されることを,お奨めします。 目次 パターンマッチング(Pattern matching) セレクタの構文(Selector syntax) グループ化(Grouping) 全称セレクタ(Universal selector) タイプセレクタ(Type selectors) 子孫セレクタ(Descendant selectors) 子供セレクタ(Child selectors) 隣接兄弟セレクタ(Adjacent sibling selectors) 属性セレクタ(Attribute selectors) クラスセレクタ(C

    coca6
    coca6 2009/07/26
    css3の時代れすが…
  • http://buzz.dendrocacalia.com/2009/04/cssimport.html

    coca6
    coca6 2009/07/25
    うおー今更直せねえ
  • GoogleがWebフォントサービスを開始 - フォントブログ

    Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可

    GoogleがWebフォントサービスを開始 - フォントブログ
  • 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log

    uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない

    古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
  • CSSを使ってどのブラウザでもフォントサイズを「%」で統一させる方法 | colori

    CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微

    coca6
    coca6 2009/05/14
    基本入れ忘れてた、、
  • あれこれポップアップ

    ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所(要素)の情報(属性値)あれこれをポップアップに出す、 JavaScriptCSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事(笑) 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2

  • CSS着せ替えテンプレート企画

    CDPで用いられているHTML 4.01は最新のバージョンの仕様ではなく、2018年には「Superseded Recommendation(古いもの)」のステータスになっています。 直ちにCDPがブラウザで表示できなくなるということはないですが、 現在CDPを使っている方やこれから導入を考えている方は、より新しい仕様に書き換えての使用を強く推奨します。 2019年6月追記 基礎HTMLをダウンロードしたい方は基礎HTML配布にアクセスしてください なぜこういった形態の配布法をしているのか知るためにはユーザーMENUにアクセスしてください 配布されているCDPを探したい方はCSS配布サイトリンクを利用してください CDPのCSSを自身で作成し配布したい方は制作者MENUにアクセスしてください 疑問点があったり理解を深めたい方はFAQにアクセスしてください このサイトについて CSS着せ替え

  • Mozilla Japan - Firefox 用アドオン - Firebug

    ダウンロード ワンクリックで使える豊富な Web 開発ツールを Firefox に統合します。Web ページの HTMLCSSJavaScript、Ajax をリアルタイムに編集、デバッグ、監視できます。 対応バージョン Firefox 2.0 - 3.0.* 詳しい説明 Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSSHTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 詳細 作者のコメント、バージョン履歴、サポート情報などは以下のリンク先をご覧ください。(外部サイトへ遷移します) https://addons.mozilla.org/ja/firefox/addon/1843

    coca6
    coca6 2009/04/15
    私的必須アドオン,WebページのHTML、CSS、JavaScript、Ajax をリアルタイムに編集、デバッグ、監視できる
  • [CSS]IE8までのブラウザを対象としたCSS Hack/Filterのまとめサイト

    Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows):4.0.1~8beta Internet Explorer (Mac OS):4.0~5.2.3 Pocket Internet Explorer (PocketPC):4.0.1~5.2 Gecko(Firef

  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

  • hover時の背景画像ちらつきに対処する - Archiva

    Make a note of it: Web tech, montaineering, and so on. ナビゲーション等で画像を切り替えたい場合、CSSを用いて a:hover の背景画像をずらしたり消したりして実現する方法が良く取られます。この時、Internet Exploler 6 において背景画像のちらつき(砂時計のアイコン表示)や動作の遅延が発生する(ローカルでは確認しにくいので、注意)。サンプルは以下。 »IE6 background flickr この問題はIE6固有の問題であり、他のモダンブラウザやIE5等では発現しない。背景画像のキャッシュに関わる問題。hover時のbackgroundに変更を加えると再読込が起こるようです。したがって転送速度やファイルサイズによって程度が変わる。ブラウザの設定によっても回避できるみたいですが、Web屋としてそこはスルーしたい。解決

  • SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅

    UFABET เว็บพนันออนไลน์ อันดับ 1 บริการ แบบครบวงจร ตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทย และเอเชีย ที่ได้รับการยกย่อง เรื่องการบริการ และความมั่นคง ทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจ คุณภาพในด้านการบริการ และประสิทธิภาพ ของเว็บไซต์ อย่างมาก ทำให้มีสมาชิก จำนวนมากให้ความเชื่อถือ กับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็นเว็บพนันออนไลน์ ที่บร

  • スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―

    floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

  • リストタグを使ったメニューサンプル

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • スタイルシートで疑似フレーム

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • CSS+HTMLテンプレート {neut}

    CSSデザインのHTMLテンプレートやPatiPatiスキン、CDPデザインを無料で配布しています。CSSテンプレート ・ CDPデザイン ・ PatiPatiスキン無料配布サイト {neut}はCSSテンプレート・CDPデザイン・PatiPatiスキンを無料で配布しているサイトです。 ホームページ作りにお役立てください。 Latest template * 最近のテンプレート n020 Polka dot Type: ノーフレーム Taste: キュート Date: 2008-09-19 CDP007 Vegetali Type: ノーフレーム Taste: ポップ Date: 2008-08-01 2008-09-20 テンプレートに関してのアンケート実施中です。ご協力下さい。 2008-09-19 CSSテンプレート・n020 Polka dotアップしました。 2008-09-1

  • http://d-lover.com/css/hack.shtml