自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
引用のやり方についての論争まとめ
ウェブでは、「引用はこうやってするよ」「それでは駄目だよ」といった論争・トラブルが時折発生します。 内容はいずれも似たり寄ったりで、要するに「HTMLの規格に基づいて引用するよ」という考え方と、 「そんな規格に従ったから何？」という考え方の衝突というパターンです。 毎度毎度似たようなやり取りが繰り返されて不毛なようにも思うのですが、 以前の論争を誰もが知っているわけではないので、仕方のないことなのでしょう。 以前の論争は、ログが消えてしまうことも珍しくありませんし。 というわけでこのページでは、現時点でログが確認できる範囲でそういった論争・トラブルをまとめてみたいと思います。 2001年7月：ありみかさとみさんvs佐藤治さん 2002年12月：野嵜健秀さんvsいずしさん 2005年9～10月：真名垣郁夫さんvsAkkyさん 2006年10月：中島聡さんvs高木浩光さん なお、このページには
DoCoMoのCSSとXHTMLまとめ | 村式開墾日記
DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています) CSSの名称、記述
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
<WBR>ハックと決別を - WebStudio
もずはっく日記(2009年6月) 2009年6月21日 <WBR>ハックと決別を 初回投稿日時: 2009-06-21 18:14:56 最終更新日時: 2009-06-21 18:18:48 カテゴリ: CSS Firefox Google Chrome HTML Mozilla Core Safari SNS: Tweet (list) Fx2.0(Gecko 1.8.1)まではURL等の長い文字列が一つの単語として認識され、改行されずにブロックからはみ出す、という問題がありましたが、Fx3.0(Gecko1.9)で解決されました。そして、現在、Fx2.0系列は既にサポートを終了し、セキュリティアップデートを提供していません。また、Fx2.0系のユーザにはメジャーアップデートの案内も通知済みです。 特殊なURLを表示するケース(例えば、ドメイン名やパス内のディレクトリ名やファイル名
HTML 5 における HTML 4 からの変更点
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (W3C Working Draft 10 June 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 公開日: 2008-06
HugeDomains.com
Captcha security check 440design.com is for sale Please prove you're not a robot View Price Processing
ちょっとしたメモ - セマンティック・マーク付け本ようやく脱稿
さて、昨年夏から格闘していたセマンティック・マーク付けに関する本の原稿をようやく書き上げ、出版社に送りました。仮タイトルは『セマンティックHTML/XHTML』で、毎日コミュニケーションズから5月下旬に刊行予定です。5年ほど前から本の企画はありながら、なかなかまとめられずにいたのですが、昨年とあるプロジェクトが没になったのを機に、集中してこの本に取り組み、何とか脱稿にこぎつけました。 セマンティック・マーク付けとは、普通のウェブ文書の中に含まれるイベントや人物などの情報を、ソフトウェア・エージェントでも扱えるように明示することで、人間が読むための文書（文書のウェブ）を、同時にコンピュータにも処理できる情報（データのウェブ）にしようという試みです。何度か取り上げたGRDDLやマイクロフォーマットもその一種ですし、最近ではRDFaという仕様がW3C勧告になり、注目を集めています。この本は、そう
コーダーが気にしちゃうことバトン | Takazudo Clipping*
前回のエントリをバトンにしない？と言われたので、答えられそうな話題にしぼってバトンってことにしてみました。 エディタは何使ってますか？ 高さ揃えるとか、なりで広がるとかいうところに関してtableを使いますか？JavaScriptを使いますか？ ブラウザごとのCSSバグ対処方法はどうしてますか？ 画像置換についてどう思いますか？ 印刷についてどうしてますか？ スクリーンリーダーにて確認などはしますか？ IE7のズーム機能について、対応させていますか？ JavaScriptライブラリのライセンスについてクライアントに説明しますか？ JavaScriptのフレームワークを使いますか？使っている場合は何を使っていますか？ CSSやJavaScriptの圧縮をしていますか？ コーディングにかける時間はどのくらいでしょうか？ あなたのコーディングのこだわりはコレ！みたいなものがあれば。 「コーディン
JavaScript無しでフォームをコントロール
言われてみれば、そう言えばそんな機能があったね、と思うような機能はよくあります。 JavaScript無しでフォームを制御する方法はHTML4が策定されている時に追加された機能です。 http://www.w3.org/TR/html401/interact/forms.html#h-17.2.1 以下のLABELタグのサンプルは http://www.0x000000.com/?i=635 より拝借しています。 <label for="action"> <body> Etymology of "Foo" 1 April 2001 When used in connection with `bar' it is generally traced to the WW II era Army slang acronym FUBAR (`Fucked Up Beyond All Repair')
link要素はどうか：TexTsiTe
自社サイト用のブログを作っている際に「ナビゲーションをどうしようか」と思っている時に『LINK要素で二重にリンクする必要はない』の記事を思い出して、考えたこと。 A要素のrel属性を読み取った上で適切に表示してくれるUAがあれば、これはまったくその通りで文字通りLINK要素は不要。しかしながら現状で「<a>要素のrel属性を読み取った上で適切に表示してくれるUA」なんてのはオレの拙い知識では「アドオンをダウンロードしてインストールしたFirefox」なんていう素人完全お断りな手順を踏まえたブラウザしか存在しておらず、専らOperaを使用している自分としてはOperaのLINKナビゲーションが黒くならなくて残念な思いをしてしまう。というかOpera自体素人完全お断りとも言えるのかもしれないけど。ついでに言えば「link要素云々」言ってる時点で素人には通じまい。だけどそんな「link要素も知ら
スミスミのブログ
固定ページ afternoon.（マッチングアプリ）の効果は？特徴と注意点を解説 afternoon.（マッチングアプリ）の口コミは？特徴と注意点を解説 afternoon.（マッチングアプリ）の安全性は？特徴と注意点を解説 afternoon.（マッチングアプリ）の解約は？特徴と注意点を解説 CoCome（マッチングアプリ）の効果は？特徴と注意点を解説 CoCome（マッチングアプリ）の口コミは？特徴と注意点を解説 CoCome（マッチングアプリ）の安全性は？特徴と注意点を解説 CoCome（マッチングアプリ）の料金は？特徴と注意点を解説 CoCome（マッチングアプリ）の解約は？特徴と注意点を解説 CoupLink（マッチングアプリ）の効果は？特徴と注意点を解説 CoupLink（マッチングアプリ）の口コミは？特徴と注意点を解説 CoupLink（マッチングアプリ）の安全性は？特徴と注
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
住所をaddress要素でマークアップするのは誤りか？ | securecat's exblog
どなたのセミナーなのかがわからないのがアレなんだけど、ちょっと気になったこと。 セミナーに行ってきました。から：■address要素内に住所やコピーライトを持ってくるのは間違った使い方。 もともと間違って訳されたために、日本で間違って使われてるらしい。本当はaddressには「近づく」というような意味があり、サイトに近づくという意味でお問い合わせのメールアドレスなんかに使用するのが正しいらしい。 もともと間違って訳されたというのは何のことを言っているのだろ？ addressという単語が、語源はラテン語だが、中世フランス語から英語になった辺りで誤訳したとか、そういう話だろうか。それとも英語を語源として日本でカタカナ語になった時の誤訳とか？ しかしそんな辺りを持ち出さなくても、address要素はこういうものだと仕様に明記されている。 The global structure of an HT
直書きライクな、HTML+CSSコーディング。 | kimihiko Tech
直書きライクな、HTML+CSSコーディング。 【追記】これは、ネタです。 以下の内容は、良いHTML+CSSコーディングを推奨するものではありません。 こんなに反響があると思ってなかったので追記しておきます (´-ω-｀)ｺﾞﾒﾝﾅｻｲ CSSはHTMLから切り離して外部ファイルとして保管され、 その外部CSSファイルを修正すれば、HTMLファイルに触れずとも、 HTMLページの見た目を柔軟に変更できる、ということが 近年のHTMLページ制作におけるスタンダードになっています。 ですが、 私はHTML+CSSコーディングをする際に、 この外部CSSを作るのが非常に億劫でなりません。 idやclassなどのネーミングはもちろん、 どこに、どう設定を書くのか、などに非常に繊細な技術を要するからです。 かといって、styleを使って htmlに直書きするのも面倒だなと思っていました。 そこで
(X)HTMLコーダーの仕事とは | Takazudo Clipping*
新人研修コーディングについての資料作らねばーーー… HTMLコーダーとは何をする人？ (X)HTML, CSS, Javascriptを中心とした、 Webサイトの表側の技術を担う人です。 サイト設計 → デザイン → コーディング → システム開発 具体的には… コードを書いて、ページを作っていったり…((X)HTML+CSS) 仕掛けをのっけて、分かりやすいインターフェイスを作ります。(Javascript) (X)HTMLって何？ (X)HTMLとは、ページの文書構造を表す言語です。 ページの内容を把握し、適切なマークアップ※を行います。 ※(X)HTMLタグを書いてページを作っていくこと CSSって何？ CSSとは、(X)HTMLのタグに、見栄えの要素を加える言語です。 具体的には、この要素の下に線を引く、後ろに画像を敷く、 文字サイズを指定する、右側に配置するなどとい
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スチーム速報 ＶＩＰ
diaspar.jp
はてなブログ | 無料ブログを作成しよう
