バナー・コレクション
近年では小学校の授業においても、タブレットが多く使われるようになってきています。タブレットを使う上で必要な能力の1つに、文字や数字の入力が該当します。文字や数字の入力の技術は、スピードがあった方が格段に有利と言えるでしょう。子供たちのタイピング向上を狙って様々なタイピング練習やゲームなどが登場していますが、その中でも人気を集めているものの1つに寿司打が挙げられます。 [読み続ける] 近年では小学校でもパソコンの授業が行われるようになり、オンライン授業なども多く活用されるようになってきています。子供はもちろんですが、大人になってからも少しでも有利に就職や転職をしたり、子供の手が離れたので在宅ワークをしたい、快適にパソコン操作ができるようになりたいと言う人にとっては、キーボードのタイピングスキルを磨くことが非常に重要と言えるでしょう。 [読み続ける] 最近では学校でも職場でもタイピング能力が求
第6回 マークアップする人から見た，こんなディレクターは嫌だ！
茨城県出身。1980年生まれ。専修大学経営学部卒業後，1年弱のニート生活を経て販売代理店の営業職を経験後，有限会社アイエイトワンに入社。主に，Webディレクション，マークアップを務める傍ら，講師活動・執筆活動を行う。allWebクリエイター塾ではCSS講習の講師。著書に「XHTML&CSSデザイン |基本原則，これだけ。」（共著，MdN発行）がある。 弊社は土日が完全休日なのではありますが，まぁ，それはそれで，休日も見事にガッツリとマークアップしているわけです。今回は，以前に行っていた案件（マークアップのみの案件）があまりにもヒドイのでは？ということで，「マークアップする人から見た，こんなディレクター（案件の進め方）は嫌だ！」ということを書き連ねて行きたいと思います。 1. サイトマップが見づらい クライアント様にお見せするという理由から，サイトマップをとてもビジュアル豊かにされるのは良い
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
<object>を利用した，外部のHTMLファイルを読み込む方法 - memo.xight.org
Summary <iframe>を利用しないで，外部のHTMLファイルを読み込む方法． For Internet Explorer <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="some.html"> <p>backup content</p> </object> For Internet Explorer以外 <object type="text/html" data="some.html"> <p>backup content</p> </object> 読み込ませるページ ... <body style="border:0;overflow:visible"> ... Reference aplus moments - Insert HTML page into another HTML page
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
Internet Explorer 6でなぜかFaviconが表示されません。…
Internet Explorer 6でなぜかFaviconが表示されません。アドレスバーでも「お気に入り」メニューでも「e」アイコンのままです。Favicon付のサイトを「お気に入り」に登録しなおしたり、キャッシュを空にして読み込みなおしたりといった、他のサイトで紹介されていた解決策を試みてみても、だめでした。同じパソコンのOperaとFirefoxでは問題なく表示されるのに、本家本元のIEでは表示できないなんて、不思議です。原因および改善策をご存知の方がいらっしゃいましたら、ご教示いただけないでしょうか？なお不思議なことにIEでも、GoogleやMSNのFaviconだけは生きておりました。
Favicon - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "Favicon" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2017年8月） アドレスバーの左側にある、Wの画像がfaviconである。 favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したかばん語である。 概要[編集] faviconのはじまりは、ウェブブラウザであるMicrosoft Internet Explorer 5によって
Yahoo! やGoogleの検索結果の説明文を変更する方法
Yahoo!やGoogleなどの検索結果画面で表示される説明文には、いくつかのパターンがあります。 検索されたキーワードがあるページ内の前後のテキスト ページ内のmeta descriptionに記載されているテキスト 特定のディレクトリ型検索サービスに登録されているテキスト 「キーワードの前後のテキスト」と「descriptionのテキスト」は、ページ内のテキストを参照するので自由に編集が可能ですが、「ディレクトリ型検索サービスに登録されているテキスト」はサイト制作者の意図通りにできません。 このディレクトリ型検索サービスは、Yahoo!は「Yahoo!ディレクトリ」、Googleは「Open Directory Project(dmoz)」になります。 これらの説明文は、各サービスの管理者によって管理されており、申請すれば変更可能な場合もありますが、このエントリーではディレクトリ型検索
未来への想いと XHTML の利点 - カナかな団首領の自転車置き場ダイアリー
XHTML の利点なんてものをはてブでまとめてみました。 まあ、どうして、ソレを選択するのかという、その答は分かっているんだけれども。 プレーンテキストから、HTML にするっていうのは、実に恩恵が分かりやすかった。で、HTML から XHTML ってのは、実は大きな変化なんだけど、現段階ではインパクトに欠けてるだけなんだと思う。 正しい HTML を心がけることの、本当の理由は、利用者への便宜を図るコトであって、制作者側の都合とはあまり関係ない。利用者が用意している UA で、そのリソースが利用できるようにするために、なんらかの仕様に従って記述する必要があるので、結果的に「正しい HTML を心がける」コトになるんだ。 利用者が用意する UA がどんなものになるのか、想像もつかない。ただ、その UA が、もし、仕様に準拠しているのなら、少しだけハッピーになれるんぢゃないか、という希望をも
栄光ゼミナール；塾選びガイド
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
Mozilla Japan - Firefox サポート - ナレッジベース - メール送信リンクをクリックすると、メールの件名や宛先が文字化けする
ナレッジベース: メール送信リンクをクリックすると、メールの件名や宛先が文字化けする OS: すべてのシステム カテゴリ: 製品の機能・操作に関する問題 Web ページ上のメール送信リンクからメールを送る際、そのリンクに日本語の件名や宛先が含まれていると、起動された既定のメールクライアントによっては文字化けする場合があります。 代表的な例としては、Internet Explorer と Thunderbird の組み合わせ、Firefox と Outlook Express の組み合わせで文字化けが発生します。 原因 Web ページ内のメール送信リンクに日本語を含めることはできません。技術的には、正しくエンコードされていれば問題ないはずですが、各種考えられるブラウザとメールクライアントの組み合わせによって文字化けを回避できないため、現実には不可能とされています。
Strategic Web Design ： ITpro
第27回 フォームとCSS エンジニアがformを使わないWebサイトに関わることはほぼ皆無です。サーバー側のプログラムを必要とするサイトでは，ほとんどの場合，ユーザーがformでデータを入力するからです。したがって，エンジニアの方々はCSSによるformの装飾の仕方をぜひとも習得しておく必要があります [2008/09/26] 第26回 フォームに関する基礎知識 [2008/09/02] 第25回 tableをもっと見やすくデザインする [2008/07/31] 第24回 tableデザインをかっこよく見せる [2008/07/30] 第59回 RIAと検索：情報検索からアプリ検索へ Webの歴史を考える時に，「検索」をどのように考えるべきかを暫く悩んでいました。検索エンジンは，いまやなくてはならないサービスですが，通常のWeb技術の発展とは少し距離をおいているように感じるからです。
第18回 XHTMLの設計～状況に合った要素選び（3）～
XHTMLの制作でもっとも難しいのは「どの要素を使ってマークアップするか」という判断である。正解がひとつの場合もあれば、ふたつ以上の場合もある。人間の判断に負う部分も大きいので、あるマークアップを適切に感じる人もいれば感じない人もいる。シチュエーションごとの一般的なマークアップ例を見ていこう。 ul要素とol要素の使い分け ul要素（順不同リスト）とol要素（順序リスト）のどちらを使うかは、文字どおり「項目の並び順が問われるかどうか」で判断する。たとえば、好きなケーキの種類を3つ示すとしよう。3つとも同等に好きならばul要素を利用する。もし好きの程度に差があるならばol要素を利用し、好きな順番で列挙する。
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
URLエンコードとデコードが行えるフォームです。 URLエンコード、またはデコードのフォームに文字列を入力し、変換用のボタンをクリックしてください。 マルチバイト文字だけをエンコードしたい場合は「URLエンコード（URL作成用）」をご利用ください。
EUCのページでmailtoのサブジェクトを指定するには？
【格安パソコンなら！ソーテックオンラインショップ！】 （【重要なご注意】 このページのコード例をご利用になられる場合は、メールアドレスの部分は必ず書き直してください。当サイトのメールアドレスでコードを公開していたところ、ろくにテストをされていないのか、当サイトのメールアドレスに間違いの注文メールや予約メールが多数届くようになり、このような初歩的なミスをする人が意外にも多いことに、大変驚いています。メールアドレスのドメインをexample.comにした上で、@は全角文字にしてあります。） mailtoリンクを使って、訪問してくれたユーザーからの意見を集めるのは、Webmasterにとって非常に意味のあることです。あらかじめこちらが定めたサブジェクトを指定するやり方も非常に簡単で、<a href="mailto:example＠example.com?subject=文字化けについて"></a
パンくずリストがベストとは限らない | WWW WATCH
最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ... 最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの？ なんて話まで、最近よく目にする気がします。 個人的にパンくずリストはサイト ID （ロゴなどですね） に対するトップページへのリンク設定同様の慣習みたいな感覚で、すべての人とは言わないまでも一定の認知はされていると考えていますので、サイト構築の際は基本的に要件に含めるようにしています。 で、今回はパンくずリストが必要か？ とか、パンくずリストのマークアップはどのような方法が妥当か
コーディングガイドライン
構造と見た目の分離の必要性 HTML は Markup (意味付け)する Language (言語)です。例えば文脈のなかで、「ここは見出しですよ」「ここは段落ですよ」などという感じに「意味付け」を行い、文書構造を記述するための言語です。 ところが HTML は Web ページのレイアウト目的に使う仕様が多数盛り込まれ、その簡便さ、習得のしやすさと柔軟性から、本来の「意味付け」以外のレイアウトや見栄えに関する要素が多く使われていました。 それでは本来の HTML の目的に反するということで、「見た目」の部分を担当する CSS が策定されました。 建築物に置き換えるならば、きれいな骨組みの建物(HTML)に壁の色を塗ったり窓の形を変えたり(CSS)という感じでしょうか。いくらきれいな色を使っていても設計ミスの建物では使い物になりません。文書でも同じことが言えるもので、プレーンに理解しやすい文
DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bkhvalid - BK class
http://japan.internet.com/wmnews/20070117/6.html