auの携帯でapplication/xhtml+xml; charset=utf-8なサイトを見ると問答無用で文字化けする - gifnksmの雑多なメモ
ちょっとはまったのでメモ。ググっても同じような症状は見つからなかった。 手元の携帯(W51H)のezwebのブラウザはapplication/xhtml+xmlな文章の文字コードをShift_JISとしか認識してくれないようだ。HTMLヘッダの方で文字コードを指定しても文字化けをした。 <?xml version="1.0" encoding="utf-8"?> こんな感じにxml宣言で文字コードを指定していても文字化けをしていた。metaタグが無いのがいけないのかと思い， <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> てな感じで文字コードを指定しても駄目。 結局.htaccessの方をいじって解決。 AddType "text/html; charset=utf-8" .html Rewrite
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: "."; } とか。 視覚効果のために文章構造を変えるのはよろしくない さんざん言われていることだけれども、未だに上記のようなことが書かれているエントリがあがっていたりして、少し悲しく思うのでした。いくらサイトデザインの面で楽になる、サイトのメン
正しくHTMLを書こうと心がけている人に5つの質問 : 雑記帳 : der Gegenwart
[ Web関係 ] HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む） 採用しているDTDとその理由をお答えください。 何故正しくHTMLを書いているのですか？ W3CとWHATWG、どちらに期待してますか？ あなたにとってHTMLとは何ですか？ 単純に私が聞きたいことを並べてみただけ。答えてくれる奇特な方がいらっしゃいましたらご自由にどうぞ。 数の多い質問系は私が好きじゃないので5個に。ホントはもっと色々聞きたいことがあるんですけど。所謂「100質」なんて質問考えるのも、答えるのも面倒ですよね。 追記 ちなみに、ここでいう「HTML」とはXHTMLも含みます。 それと最後の質問を「あなたにとってHTMLとは何ですか？」としたのは「その人がHTMLというものをどう捉えているのか」「その人の中でのHTMLという概念」を知りたかったから。単なる道具なの
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の仕様書等の文書の日本語訳集
注意 日本語翻訳集は [email protected] メーリングリスト上で報告された日本語翻訳文書へのリンクを集めたものです． リンクされた翻訳はボランティアによって行われたものです． またこれらの翻訳には誤りが含まれる可能性もあります． 正式なものはあくまでも英語版ですので， この点をご理解頂いた上でご利用下さい． またコピーライトに関する情報を含め，W3Cの文書の翻訳に関しての一般的な情報や， 翻訳の際のヘルプは， http://www.w3.org/Consortium/Translation/にあるW3C翻訳ページ(英語版) をご覧下さい． TR集 勧告 ・ 勧告案 ・ 勧告候補 ・ 草案 ・ 技術ノート その他の文書等 FAQ集 ・ その他 TR集 勧告 HTML 4 (勧告) http://www.asahi-net.or.jp/~bd9y-ktu/html4re
プログラミング知らないHTMLコーダーがダメな理由
web業界にも様々な職種があり、最近では分業化も進んでるみたいだが、 だからって「自分はHTMLコーダーですから、プログラミングには興味ありません」は通用しない。 HTMLコーダーやデザイナーも、プログラミングは勿論サーバーやネットワークの知識を持つべき。 まぁデザイナーは別業界でもある程度潰しがきくかもしれない。 一番危ういのはHTMLコーダー。 HTMLコーダーって、HTMLしか書けない人が多い。 プログラミングは分からない、とか、勉強する気はない、とか言っちゃう人もいる。 HTMLなんて所詮静的なものだから、webっていう分野の中で見たときその重要度は最底辺である。 webは動的でこそ意味があるからね。 HTMLコーダーという職業が未だ成立しているのは、単にプログラマがHTML書くのが面倒くさいから。 そもそもHTMLなんて素人が一ヶ月本気で勉強すれば仕事になるレベル。 後はハックw
perl - HTMLをXMLとして扱う : 404 Blog Not Found
2009年02月19日08:30 カテゴリLightweight Languages perl - HTMLをXMLとして扱う そのXML::Liberalが test でこけまくっていたところから旅が始まった。 ゆーすけべー日記: 壊れた Premiere (映像編集ソフト) のプロジェクトファイルが XML::Liberal (Perlモジュール) で直った ということは、なんとかして壊れたプロジェクトファイルを「well formed」な XML にすればいいじゃないのか！と思ったわけ。そこで活躍したのが「XML::Liberal」という miyagawa プロダクトな Perl モジュール。 やりたかったのは、XHTMLでないHTMLを、XML::*なモジュールで扱うこと。例えばXML::LibXMLを使えば、JavaScriptみたいな感覚でDOMを操作できるし、XML::Sim
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） ::SEM R (#SEMR)
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） Google、Yahoo!、Microsoft3社が rel="canonical" （正規化、canonicalization ）をサポート。クローラが適切な（canonical）サイトを見つける手がかりに。rel="canonical" はページの head の中に記述すること。 公開日時：2009年02月13日 15:37 Google、Yahoo!、Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"（属性）は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization）させるために使用される。 同じサイト（ドメイン）でも、たとえば www.sem-r.com、se
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 キーワード分析講座 フリーランスのウェブコンサルタントとして数多くの実績を上げてきたWebCA理事・村上佐央里が、実案件を題材に市場やユーザニーズの調査・分析の手法をご説明します。本講座はGoogleなどの検索エンジンにおける該当キーワードの「月間検索数」や「バリエーション（キーワードの組み合わせ）」、Yahoo!知恵袋などのCGC（消費者生成コンテンツ）を調査・分析し、市場規模やターゲット像の把握につなげます。 開催日：2025年1月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から出版予定 (現在、執筆中)
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyier氏がSmashing Magazineにおいて12 Principles For Keeping Your Code CleanのタイトルのもとHTMLコードをクリーンにするための12の原則を紹介している。厳密には11の原則だが、HTMLをクリーンに保つ上で実践的で効果的なものだ。WebデザイナやWebデベロッパは一度チェックしておきたい。12 Principles For Keeping Your Code Cleanで紹介されている原則を要約すると次のようになる。 [原則1] HTML 4.01を採用する場合でもXHTML 1.0を採用する場合でもStrict指定のDOCTY
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのみで画像に違和感なく注釈を入れるサンプル:phpspot開発日誌
スチーム速報 ＶＩＰ
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
{{#tags}}- {{label}}
{{/tags}}