これ知ってた？ base要素にtarget=リンクを新しいタブで開くには、a要素に「target="_blank"」を加えます。 実はこの「target="_blank"」はbase要素にも使用でき、ページ内のすべてのリンクに「target="_blank"」を適用することができます。
文字コードの部屋 -- Web のエンコード
ホームページの HTML 文書に使用するエンコード 目次 ページ作成にはどのコードが良いか？ 美乳テーブル <META> タグの charset 指定 1. ページ作成にはどのコードが良いか？ 21 世紀、ブラウザのじゅうぶんに進歩した今の時代、もはや シフト JIS EUC JIS コード どれでも構いません。あなたが一番便利だと思うものを選ぶとよいでしょう。特に思いつかなければ、あなたの OS が得意とするコードでよいでしょう。 エンコード判別のロジックの観点からすれば、EUC が一番判別を誤りやすく、文字化けしやすいです。Shift_JIS は判別が比較的容易です。JIS コードはほぼ間違うことは無いでしょう。しかし、もはや 95 ％のユーザが使っているブラウザは、EUC コードですら、ほとんど判別を誤ることはありません。 さらに、どのコードが日本語サイトに最もふさわしいというコンセ
某検索エンジン大手は、検索エンジンの結果をアドセンスのクライアントの..
某検索エンジン大手は、検索エンジンの結果をアドセンスのクライアントのために操作することはない。 正確に言うとヒルズの奴らはやりたくてもマウンテンビューのやつらが邪悪になるなと言って許さないし、システム的にもわざわざやることが難しい。 それでも数字をあげたいヒルズの営業部隊は、日本語特有の文化として、まとめサイトみたいなのが必要だと訴えてみたり、 日本語に関わる開発はヒルズでも一部主導権を持ってるので、そのようなサイトを優遇していくことでクライアントの広告収入が結果的に増えることに気がついた。 他のやり方としては、HTML5に準拠したソースコードのページを優遇することで、老朽化した個人サイトを突き落として大手を優遇することに成功した。 その大手はつまり最新のアドセンス改定についてけるような開発体制がある会社ということ。 まあ、その結果どうなったかは皆さまご存知だろう。 もう１つ言うと、ヒルズ
YouTubeがFlashではなくHTML5でのムービー再生を初期設定にすることを発表
By José Tomás Albornoz YouTube上でムービーを再生する場合、ユーザーの視聴環境に適したプレーヤーが自動で選択されるようになっており、これまではユーザーがFlashに対応している場合はFlashプレーヤーが優先される仕様になっていました。しかし、これからはFlashではなくHTML5でのムービー再生が初期設定で実行されることをYouTubeが発表しています。 YouTube Engineering and Developers Blog: YouTube now defaults to HTML5 http://youtube-eng.blogspot.jp/2015/01/youtube-now-defaults-to-html5_27.html YouTubeがHTML5でのムービー再生をサポートし始めたのは2010年からで、当時はFlashの方がHTML5で
『HTML実体参照（特殊文字）のセミコロン』
HTMLで特殊文字や特殊記号を記述する時に「実体参照」という方法を使います。 その記述方法は 「&」+「#」+「数値」+「;」または 「&」+「キーワード」+「;」ですが、後者の「&」+「キーワード」+「;」の場合はブラウザによって最後のセミコロンが必要な状況に差があるようです。 ちょっとあいまいな表現になりましたが、「セミコロンがあっても無くても同じ」（＝どんな状況でも有無を言わさず特殊文字に変換される）なブラウザと「一定の条件でセミコロンが必要」（＝条件によってセミコロンが無いと変換されない）なブラウザがある模様です。 軽く確認したところ、下記のような結果になりました。 ■セミコロンがあっても無くても同じ：InternetExplorer 8, Google Chrome 10■一定の条件でセミコロンが必要：Firefox 3.6, Safari 5前者のほうでは、何かの名前などをテキ
アフィリエイトで勘違いした大学生の末路
ただの趣味で始めたはずなのに大学生だった2007年頃から趣味で他愛もないホームページをつくっていた。 ワードプレスやライブドアブログのようなCMSには頼らず、1から10まで自分で作ることにこだわった。 すぐにのめり込んでいき、大学の図書館にこもりWEB関係の本を借りまくった。 しかしWEB関係といってもPHPやSQLは理解できなかったので、まずはHTMLとCSSだけ勉強して静的なページをべた書きで量産していった。 HTML,CSSですら最初はつまづいていたけれども、自分の意図した通りにデザインできるようになってからは面白かった。 アクセスは全く増えず、一日100PVにも満たなかったが、僕はめげなかった。 講義には出ず、学園祭にもサークルにもいかなくなり、周囲からは「まだやってたの」「何がしたいの」と呆れた目で見られるようになった。 付き合う人も限定されて社交性は衰えていった。 半年が経って
Javascriptでヒアドキュメント - Qiita
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <style> .title{ width:100%; height:240px; line-height:240px; text-align:center; background:#ccc; } </style> <body> <script> //ヒアドキュメント var heredoc = (function () {/* <div class="title"> <h1> <a href="$
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
【よく見るものを一覧で解説】HTTPステータスコードとは？コード番号別に詳しく解説
HTTPステータスコードとは、ウェブサイトにアクセスしたとき、正常な画面ではない場合に表示される3桁の数字のことです。 ウェブサイトにアクセスしたときに「404」や「503」といった数字が表示された経験はないでしょうか。HTTPステータスコードはたくさんの種類があり、それぞれ意味する内容が異なります。 そこで本記事では、それぞれのステータスコードが持つ意味や対処法、HTTPステータスコードの確認方法を解説します。 HTTPステータスコードについて知ることで、アクセスしたウェブサイトに何が起きているのかを理解できるようになるので、ぜひご参考にしてください。 この記事のポイント HTTPステータスコードは、特定の HTTP リクエストが正常に完了したかどうかを示す3桁の数値で表されるもの 大まかに200番台の成功レスポンス、300番台のリダイレクト、400番台のクライアントエラー、500番台の
秋田放送記者が秋田新幹線を緊急停止させた件のお詫び告知が話題に | スラド IT
3月4日、秋田県のテレビ局・秋田放送（ABS）の記者が、撮影中に秋田新幹線を緊急停止させた。秋田新幹線は2日に発生した脱線事故から38時間ぶりに復旧、運転を再開したばかりだった。しかし、秋田放送報道部の記者がニュース番組で使用する映像を取るためとして、敷地内に入り込み、試運転中の新型車両が緊急停止する事態となった（J-CASTニュース）。 このニュース自体も報道記者による事件ということで話題になったのだが、それ以上にネットで話題になっていたのが秋田放送がアップした「秋田新幹線・試運転車両を緊急停止させたことについてのお詫び」（はてなブックマーク）。すべての文書を画像化してあった上、background-imageで背景化していて画像の保存クリックをさせたくない、検索に引っかかりたくないという強い意志が感じられるものだった。現在はテキストベースのものに差し替えられているが、東日本旅客鉄道株式
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
あなたのブログのHTMLの文法の綺麗さが点数としてハッキリ現れるウェブサービス「Another HTML-lint gateway」 – 和洋風KAI
ようこそ・・・。マニアックな世界へ・・・。 今から4年前くらいの話。。徹底的にSEOに取り組んだ時期がありました。やれタイトルだ、やれ被リンクだ、やれmetaタグだと研究に研究を重ねた時期がありました。 その時、いくつかの試行錯誤を経て辿り着いたのがHTMLの文書の文法を徹底的にクリーニングするというもの。 その時に使っていたサービスが「Another HTML-lint gateway」です。通称lint先生と呼ばれるものですね。 赤ハンコと共に、あなたのブログのHTMLの文法が綺麗かどうかチェックしてくれます。 ただ、この先生がちょースパルタで、ちょっとのミスさえもドンドン減点していくので、まさに気力と気力の勝負となりました。1日は確実に潰してやりとりしてた気がする・・・。100点取ったときは思わずガッツボーズをとったくらいですよ。。 今振り返ると、HTMLの文法が綺麗になる＝SEOと
FacebookのザッカーバーグCEO、「HTML5に賭けたのは失敗」 Androidアプリも間もなくネイティブに
米Facebookのマーク・ザッカーバーグCEOは9月11日（現地時間）、米TechCrunch主催のカンファレンス「TechCrunch Disrupt SF 2012」に登壇し、同社のモバイル戦略やInstagramについて語った。 ザッカーバーグ氏は同社の株価が低迷していることに触れて、「（Facebookの）株価は明らかに残念なことになっている」と認めつつ、モバイルへの取り組みを進めており、ユーザーがモバイルで過ごす時間が増えるほどFacebookの収益が上がると考えていると語った。 同氏は公式iOSアプリをHTML5からネイティブに書き直したことについて、HTML5に賭けたことはFacebookの「最大の戦略ミス」だったと認め、iOSに続けてAndroidアプリも近いうちにHTML5ではなくネイティブに移行すると語った。 6日に買収が完了したInstagramについては、ユーザー
伝説のウェブデザイナー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
伝説のウェブデザイナーを探して 西暦2012年 株式会社LIGは深刻なデザイナー不足に見舞われていた。 そんな中、過酷な労働を強いられるデザイナー達が限界を迎えようとしていた。 「もう15時か。あー、今日もよく働いた」 「おい、お前達、しっかり働けよ。俺はもう上がるからな」 「ヴぇっ！？」 「な、なにをする！」 「うっ…ぐ…」 「……………………」 ～～～～～～～～ 「……………………」 「えっ？」 「ふふふ、社長…ようやく目が覚めたみたいね」 「！？ なんのつもりだ！さっさとここから出せ！」 「社長。俺達の言う事さえ聞いてくれたらすぐにでも出しますよ。」 「お前達の言う事だと…一体何が望みだ？」 「新しくウェブデザイナーを雇うこと。それが望みよ」 「ウェブデザイナーを雇うだと？！…だからって、何故こんな事を…！！」 「………………」 「クズどもが！早くここから出せ！」 「黙って聞いていれ
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hey! Say! JUMP に変な指定がある – jaguchi log
ドメインパーキング
html5collect.net
方向音痴アプリの開発&雑用日記
