CSSをPHPで効率良く書く方法 - kojika17
とあるIEのバグを調べていたら、Lessに近い形でCSSをPHPで書けることを知ったのでメモ。 まずHTMLのlink要素のファイル名を修正することから始めます。ここでのCSSファイル名は仮にdummy.phpとします。 <link rel="stylesheet" type="text/css" href="dummy.php" /> 外部PHPを外部CSSとして認識させる。 拡張子がPHPの場合、UAに対しContent-Typeのメディアタイプにtext/htmlとして返してしまいます。 これを正常にメディアタイプをtext/cssとして返してやれば、拡張子がPHPでもCSSとして認識してくれます。 <?php header('Content-Type: text/css; charset=utf-8'); ?> @charset "UTF-8"; この記述のみでCSS設定完了です。
Flexbox、おもしろいですよ？
Translation of: Learn You a Flexbox for Great Good! | The Haystack. written by Stephen Hay Flexboxについて知っていますか？ 多分、名前は聞いたことがあるでしょう。もしかしたらチュートリアルくらいは読んだことがあるかもしれません。既に試していたりしますか？ Flexboxという代物についてあまり聞いたことがなかったり、前に試してから随分と経つなら、そのFlexboxに関する知識のことは一旦全て忘れてしまいましょう！ 現時点での最新版である2011年11月29日にリリースされた仕様では完全に別物になっています。 訳注 2012年3月22日に新しく公開されたWorking Draftでもまた大きな変更が加わり、この文書の一部はそのWDにそぐわないものになっています。大筋は変わりませんし、2012年3
Skyscraper: アーカイブ
このとき久しぶりに気づくあ、handheldって白黒画面向けなのね･･･ つまり 片手で持てるサイズの画面サイズ 基本フルカラーこの条件を満たすメディアタイプは存在しないということです。 というわけで、結論から言ってしまいますがsmartmediaって名前で、携帯電話向けのメディアタイプを追加すべきではないでしょうか？他にも、携帯ゲーム機やカーナビ等、それなりのCPUと画面サイズを持ったデバイスは色々とあります。将来的には、IT家電等も、小さな画面＋タッチパネルでの操作を持つデバイスの代表的なものの一つに入るでしょう(実際には、現在それらのメディアはCSS2にそれなりに対応しています。個人的にはそんなことをするよりcss1に完全対応を目指して欲しい所･･･) ついでに、ぶっちゃけた話。これだけメディアタイプが使われていない原因って、css2で宣言されているからなんですよね。css1を完全に
This page is moved
This page has moved to http://stylus-lang.com/
CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
duree dpe
Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par
PrimerCSS
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started. Made for you with love and care by @luckystrikes and @wades. Notice: Undefined index: htmlsrc in /home/ypp7m8mtix54/domains/primercss.com/html/index.php on line 43
ロールオーバーを簡単に実装する-Image Rollover Code-
ロールオーバーを簡単に実装する-Image Rollover Code- Image Rollover Codeはロールーオーバーを簡単に実装する為のjsライブラリです。 設置方法 配布元のDaniel Nolanのサイトよりrollover.jsを取得し、head要素内などで読み込みます。 <script src="rollover.js" type="text/javascript"></script> ロールオーバーを実装したいimg要素のclass名に『imgover』を指定します。 <img src="sample.jpg" alt="Some Image" class="imgover" /> すでに、他のclass名がつけられている場合は、半角スペース区切りで指定することにより複数のclass名を指定する事が可能です。 <img src="sample.jpg" alt="S
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
[CSS]透過PNGと透過フィルターの使い方 - WebTecNote
要素を透過させる場合、アルファチャンネルPNGかCSSのフィルターどちらか使えば作ることが出来る。 アルファチャンネルPNGはPNG24とかの保存形式で、背景無し（またはマスクつき）の画像を保存すれば作成出来る。 Div等の背景を透過させる場合、アルファチャンネルPNGで80%くらいに透過させた画像を背景にすると、フィルターと変わらない効果を得られる。 透過フィルターを使った場合、中の要素まで透過してしまうという問題がある。 positionとか色々CSSを駆使すれば回避できないこともないが、アルファチャンネルPNGを使えば中の要素が透けることはない。 以下サンプル 解説は続きに。 <div id="container"> <div id="contents"> <p class="sample1">sample1 position:absolute(out)</p> <div id="t
![[CSS]透過PNGと透過フィルターの使い方 - WebTecNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d5086d1e1b1cb31e8429c677f687dd2fc3eb37e/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2008%2F05%2Falpha-300x161.gif)
CSSでポップアップを実現する
今まで、マウスオーバーで画像をポップアップさせるにはjavascriptを使っていたのだが、javascriptは敷居が高すぎる（自分が）！なのでCSSだけを使い、マウスオーバーでポップアップできるように実現させてみたい！ あともちろん、Web標準化を目標とする。そしてソースもなるべくきれいにさせる。 現在、WinIE、Win Firefox、Mac Safari、Mac Firefox、Mac Caminoで確認済み。 WinIEでは透過PNGでも透過されない。 Win Opera(8.5)、Mac Opera(8.52)では残像が残る現象が起こる
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
真・てすたーの倉庫
真・てすたーの「倉庫」真・てすたーの「倉庫」は、コピペで使える速攻系簡単小技(HTML･CSS･タグ)大技基本技裏技必殺技も置いてる初心者の方大歓迎のHP作成支援系テキストちっくサイトデス♪ このサイトはてすたーの独り言系呟きを思い向くまま書き留めたテキスト系ちっくサイトです♪ でもそれだけではシンプルすぎるので、ついでにコピペで使えるHTMLやタグ、はてにはセキュリティーまで扱っちゃったりする、 やっぱり“テキスト系ちっく”なサイトです♪ てすたー,倉庫,てすたーの倉庫,真てすたーの倉庫,真,初心者,メモ帳,ワードパッド,応援,ホームページ,ホーム,ページ,サイト,TESTER,製作,装飾,飾り付け,技,スキル,テキスト,ポエム,詩,タグ,HTML,セキュリティ,ウイルス,安全,無料,小技,作成支援,HP,いまリン,scrollbar,色,色表,カラーネーム,セーフカラー,スクロール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sdn-project.net
sakurachiro.com
鳥さんの棲むところ
スタイルシートデザインを始めたい方へ-WEB工房きくちゃん-