CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
strictの人気記事 37件 - はてなブックマーク
TL;DR PHPアプリケーションにおいて、表題のような「PHPを使う上で自制心を持とうな」みたいな温度感でstrictな書き方を推奨される昨今 こういうのは往々にして人間が言うのはそのうちげんなりしてくるし、逆に言われる方も同じ PHPStanが提供しているカスタムルール phpstan/phpstan-strict-rules を使おう 前提 PHPStanを使うことを前提としています。 phpstan/phpstan-strict-rules github.com PHPStanは、「PHPStanでCustomRuleを作る」という発表でも解説されている通り、任意のカスタムルールをクラスとして定義することで、ルールを追加できます。しかし、すでにPHPStanが提供しているルールもいくつかあります。その一つが phpstan/phpstan-strict-rules です。 導入方法
miniturbo::Blog class=redとかclass=hiddenとか
<p>この部分は<span class="red">期末試験の範囲</span>だよ！</p> .red { color: red; } とか。 .alignright { text-align: right; } とか、 .left { float: left; } とか、 .hidden { display: none; visibility: hidden; } とか、 .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } とか。 視覚効果のために文章構造を変えるのはよろしくない さんざん言われていることだけれども、未だに上記のようなことが書かれているエントリがあがっていたりして、少し悲しく思うのでした。いくらサイトデザインの面で楽になる、サイトのメン
IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
W3C - W3Cの仕様書等の文書の日本語訳集
注意 日本語翻訳集は w3c-translators@w3.org メーリングリスト上で報告された日本語翻訳文書へのリンクを集めたものです． リンクされた翻訳はボランティアによって行われたものです． またこれらの翻訳には誤りが含まれる可能性もあります． 正式なものはあくまでも英語版ですので， この点をご理解頂いた上でご利用下さい． またコピーライトに関する情報を含め，W3Cの文書の翻訳に関しての一般的な情報や， 翻訳の際のヘルプは， http://www.w3.org/Consortium/Translation/にあるW3C翻訳ページ(英語版) をご覧下さい． TR集 勧告 ・ 勧告案 ・ 勧告候補 ・ 草案 ・ 技術ノート その他の文書等 FAQ集 ・ その他 TR集 勧告 HTML 4 (勧告) http://www.asahi-net.or.jp/~bd9y-ktu/html4re
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 マーケティングの全体像がわかる、選ばれる会社を作るためのマーケティング思考 「マーケティングについて基本から学びたい。でも、どこから手をつければよいのか…」という声にお応えして、久野 高司さんにお話しいただきます。最新のマーケティングツールやテクニックではなく、全体像や具体的な戦略について専門用語を使わずに解説いただきます。 開催日：2024年10月10日[木] オンライン 詳しく見る これから始める人のためのFigmaスピードマスター（2024新UI版） #朝までFigma の直前企画として、これからFigmaに取り組む方向けの速習講座です。 開催日：2024年10月16日[水] オンライン 詳しく見る
バナナはおやつに入りますか(某方面的に) XHTML1.1方面 ネットユーザ「バナナ..
バナナはおやつに入りますか(某方面的に)XHTML1.1方面ネットユーザ「バナナはおやつに入りますか」 CSSコミュの人「我々はおかしとバナナの完全なる分離に成功した。見よ、此の素晴しき作品群を。君も我々の作品群を賞賛しないか」 ネットユーザ「中身の薄いコンテンツは意味のない象牙の塔の様なものです。こんなのは作品などと呼べる様なものではありません」 CSSコミュの人「更に我々は、ウェブコンテンツのデータベース化にも成功した。此の価値が解らないとは、愚か者め」 ISO-HTML方面ネットユーザ「バナナはおやつに入りますか」 某方面の人「HTMLの文章はフラットでリニアなものであるべきです。バナナですか、其れはCSSで整形するもんだよ」 ネットユーザ「一寸よく判らないのですが、結局バナナはおやつではないわけなんですか、どうなんですか」 某方面の人「正しい文章に正しいマークアップ、之に附け足して
「State of the Web 2008」の結果が公開 | Web標準Blog | ミツエーリンクス
Web Directionsより、“State of the Web 2008”という、昨年12月に行われた、Web技術者の環境に関するサーベイの結果が公開されています。 今回はこの結果から、いくつか気になった項目を取り上げてみようと思います。 結果一覧 サーベイの結果と考察は、いくつかのカテゴリーに分けられ公開されています。 Who was surveyed?（回答者の業種や会社の規模など） Browsers and Operating systems（ブラウザーとOS） Markup（HTML文書） CSS and other Presentation technologies（CSSや視覚表現） JavaScript, Ajax and the DOM（JavaScriptやAjax, DOM） Flash, Silverlight, and other embedded conte
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
このスライドは誰でもアクセスできます スライドのURL http://www.cybergarden.net/cssnite07/ スライドシステム (モダンブラウザ向け) W3C® HTML Slidy (XHTML+CSS+JavaScript) 自己紹介 (1) 益子 貴寛 (Takahiro Mashiko) サイバーガーデン代表。Webプロデューサー。 大学院在学中の1999年5月に「CYBER@GARDEN」を立ち上げる。一般企業に勤務後、2003年5月に独立。 自己紹介 (2) 著書 『Web標準の教科書─XHTMLとCSSで作る“正しい”Webサイト』 『伝わるWeb文章デザイン100の鉄則』 『XHTML+CSSスタートアップガイド (仮)』 が毎日コミュニケーションズから7月出版予定 (現在、執筆中) 矢野りんさんとの共著がMdNから出版予定 (現在、執筆中)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのみで画像に違和感なく注釈を入れるサンプル:phpspot開発日誌
スチーム速報 ＶＩＰ
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！