タグ

htmlに関するgirledのブックマーク (35)

  • これ知ってた? base要素にtarget=

    リンクを新しいタブで開くには、a要素に「target="_blank"」を加えます。 実はこの「target="_blank"」はbase要素にも使用でき、ページ内のすべてのリンクに「target="_blank"」を適用することができます。

    これ知ってた? base要素にtarget=
    girled
    girled 2019/05/14
    relも指定出来るようじゃないとTabnabbing脆弱性対策はどうなんだろ?それもあって_blankはちょっと敬遠するようになった
  • Hey! Say! JUMP に変な指定がある – jaguchi log

    どうも Hey! Say! JUMP の a は一階建ての字形じゃないとダメっていう意味不明な決まりがあるみたいで テレビ朝日は heysayjump_a.gif を挿入させられるし: ジャニーズ公式は専用の span class 作ってるし: テレビ東京は Comic Sans を駆使してる:

    Hey! Say! JUMP に変な指定がある – jaguchi log
    girled
    girled 2018/11/15
    紅白のリストが反転選択できないって話でこれ。フォント指定なら可愛いもんだな。SVGで書いてこそ国営の意地を感じる。
  • 文字コードの部屋 -- Web のエンコード

    ホームページの HTML 文書に使用するエンコード 目次 ページ作成にはどのコードが良いか? 美乳テーブル <META> タグの charset 指定 1. ページ作成にはどのコードが良いか? 21 世紀、ブラウザのじゅうぶんに進歩した今の時代、もはや シフト JIS EUC JIS コード どれでも構いません。あなたが一番便利だと思うものを選ぶとよいでしょう。特に思いつかなければ、あなたの OS が得意とするコードでよいでしょう。 エンコード判別のロジックの観点からすれば、EUC が一番判別を誤りやすく、文字化けしやすいです。Shift_JIS は判別が比較的容易です。JIS コードはほぼ間違うことは無いでしょう。しかし、もはや 95 %のユーザが使っているブラウザは、EUC コードですら、ほとんど判別を誤ることはありません。 さらに、どのコードが日語サイトに最もふさわしいというコンセ

    girled
    girled 2017/12/24
    クリスマスの夜に美乳を知る
  • 某検索エンジン大手は、検索エンジンの結果をアドセンスのクライアントの..

    某検索エンジン大手は、検索エンジンの結果をアドセンスのクライアントのために操作することはない。 正確に言うとヒルズの奴らはやりたくてもマウンテンビューのやつらが邪悪になるなと言って許さないし、システム的にもわざわざやることが難しい。 それでも数字をあげたいヒルズの営業部隊は、日語特有の文化として、まとめサイトみたいなのが必要だと訴えてみたり、 日語に関わる開発はヒルズでも一部主導権を持ってるので、そのようなサイトを優遇していくことでクライアントの広告収入が結果的に増えることに気がついた。 他のやり方としては、HTML5に準拠したソースコードのページを優遇することで、老朽化した個人サイトを突き落として大手を優遇することに成功した。 その大手はつまり最新のアドセンス改定についてけるような開発体制がある会社ということ。 まあ、その結果どうなったかは皆さまご存知だろう。 もう1つ言うと、ヒルズ

    某検索エンジン大手は、検索エンジンの結果をアドセンスのクライアントの..
    girled
    girled 2016/12/10
    “KPI求めるタイプの人間ばかりになってしまって”というあたりが非常に味わい深いです。だって日本のサラリーマンなんだもの
  • 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で

    YouTubeがFlashではなくHTML5でのムービー再生を初期設定にすることを発表
    girled
    girled 2015/01/28
    これをきっかけにいろんな動画サイトがHTML5化に移行していったらいいですね。FLASHインストールしてないので。
  • 『HTML実体参照(特殊文字)のセミコロン』

    HTMLで特殊文字や特殊記号を記述する時に「実体参照」という方法を使います。 その記述方法は 「&」+「#」+「数値」+「;」または 「&」+「キーワード」+「;」ですが、後者の「&」+「キーワード」+「;」の場合はブラウザによって最後のセミコロンが必要な状況に差があるようです。 ちょっとあいまいな表現になりましたが、「セミコロンがあっても無くても同じ」(=どんな状況でも有無を言わさず特殊文字に変換される)なブラウザと「一定の条件でセミコロンが必要」(=条件によってセミコロンが無いと変換されない)なブラウザがある模様です。 軽く確認したところ、下記のような結果になりました。 ■セミコロンがあっても無くても同じ:InternetExplorer 8, Google Chrome 10■一定の条件でセミコロンが必要:Firefox 3.6, Safari 5前者のほうでは、何かの名前などをテキ

    『HTML実体参照(特殊文字)のセミコロン』
    girled
    girled 2014/08/06
    これにハマった。Chromeの場合、セミコロン無くても変換できるのはいいけどセミコロン代わりの半角スペースが置きっぱなしになるをどうにかして欲しかった。認識のためのスペースなんだから消してくれればいいのに。
  • http://atnd.org/events/44622

    http://atnd.org/events/44622
    girled
    girled 2013/11/12
    今晩はこのお話聞きに行く。enchant.jsの話聞けるの楽しみ。enchant moon、会場で見れないかなあ。
  • アフィリエイトで勘違いした大学生の末路

    ただの趣味で始めたはずなのに大学生だった2007年頃から趣味で他愛もないホームページをつくっていた。 ワードプレスやライブドアブログのようなCMSには頼らず、1から10まで自分で作ることにこだわった。 すぐにのめり込んでいき、大学の図書館にこもりWEB関係のを借りまくった。 しかしWEB関係といってもPHPSQLは理解できなかったので、まずはHTMLCSSだけ勉強して静的なページをべた書きで量産していった。 HTML,CSSですら最初はつまづいていたけれども、自分の意図した通りにデザインできるようになってからは面白かった。 アクセスは全く増えず、一日100PVにも満たなかったが、僕はめげなかった。 講義には出ず、学園祭にもサークルにもいかなくなり、周囲からは「まだやってたの」「何がしたいの」と呆れた目で見られるようになった。 付き合う人も限定されて社交性は衰えていった。 半年が経って

    アフィリエイトで勘違いした大学生の末路
    girled
    girled 2013/05/18
    さすがコンテンツもそれなりに書いてだけあってかテキストうまいと思ったわ。アフィは副業でやるならいいんだろうけど専業はやっぱり難しいだろうなあ。
  • Javascriptでヒアドキュメント - Qiita

    そろそろ「テンプレート文字列」を使用しても問題なくなってきたので、こちらを使用しまよう。 テンプレート文字列 - JavaScript | MDN Multi-line strings in JavaScript and Node.js 面白い記述のしかたを発見。 <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-al

    Javascriptでヒアドキュメント - Qiita
    girled
    girled 2013/05/17
    なるほど。テンプレートプラグインをこんなふうにも使うのか。器用でござる。
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    girled
    girled 2013/05/09
    今日はSVGをいろいろ勉強しててこれが出てきた。再利用可能なアニメっていう未来も面白そうだなあ。主人公やキャラを自分でカスタマイズ出来るとか。で、高画質でマルチデバイスで再生。
  • 【よく見るものを一覧で解説】HTTPステータスコードとは?コード番号別に詳しく解説 | ナイルのマーケティング相談室

    HTTPステータスコードとは、ウェブサイトにアクセスしたとき、正常な画面ではない場合に表示される3桁の数字のことです。 ウェブサイトにアクセスしたときに「404」や「503」といった数字が表示された経験はないでしょうか。HTTPステータスコードはたくさんの種類があり、それぞれ意味する内容が異なります。 そこで記事では、それぞれのステータスコードが持つ意味や対処法、HTTPステータスコードの確認方法を解説します。 HTTPステータスコードについて知ることで、アクセスしたウェブサイトに何が起きているのかを理解できるようになるので、ぜひご参考にしてください。 この記事のポイント HTTPステータスコードは、特定の HTTP リクエストが正常に完了したかどうかを示す3桁の数値で表されるもの 大まかに200番台の成功レスポンス、300番台のリダイレクト、400番台のクライアントエラー、500番台の

    【よく見るものを一覧で解説】HTTPステータスコードとは?コード番号別に詳しく解説 | ナイルのマーケティング相談室
    girled
    girled 2013/04/18
    418に期待したけどさすがに無かったのでとりあえずティーポットでコーヒーでも淹れますか。
  • 秋田放送記者が秋田新幹線を緊急停止させた件のお詫び告知が話題に | スラド IT

    3月4日、秋田県のテレビ局・秋田放送(ABS)の記者が、撮影中に秋田新幹線を緊急停止させた。秋田新幹線は2日に発生した脱線事故から38時間ぶりに復旧、運転を再開したばかりだった。しかし、秋田放送報道部の記者がニュース番組で使用する映像を取るためとして、敷地内に入り込み、試運転中の新型車両が緊急停止する事態となった(J-CASTニュース)。 このニュース自体も報道記者による事件ということで話題になったのだが、それ以上にネットで話題になっていたのが秋田放送がアップした「秋田新幹線・試運転車両を緊急停止させたことについてのお詫び」(はてなブックマーク)。すべての文書を画像化してあった上、background-imageで背景化していて画像の保存クリックをさせたくない、検索に引っかかりたくないという強い意志が感じられるものだった。現在はテキストベースのものに差し替えられているが、東日旅客鉄道株式

    girled
    girled 2013/03/08
    CSS自体の魚拓も見たかった。プロフェッショナル お詫びの流儀。
  • 2014年にはWebアプリの「オフラインファースト」が流行するのではないか?

    先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか

    2014年にはWebアプリの「オフラインファースト」が流行するのではないか?
    girled
    girled 2013/02/26
    オフラインの考慮のプライオリティを上げるとユーザビリティに対してより意識が向くってのはあるかもなあ。地下鉄乗車中でのテストとか面白かったけどもう東京の地下鉄もオンラインになるようになるからなあ。
  • あなたのブログのHTMLの文法の綺麗さが点数としてハッキリ現れるウェブサービス「Another HTML-lint gateway」 – 和洋風KAI

    ようこそ・・・。マニアックな世界へ・・・。 今から4年前くらいの話。。徹底的にSEOに取り組んだ時期がありました。やれタイトルだ、やれ被リンクだ、やれmetaタグだと研究に研究を重ねた時期がありました。 その時、いくつかの試行錯誤を経て辿り着いたのがHTMLの文書の文法を徹底的にクリーニングするというもの。 その時に使っていたサービスが「Another HTML-lint gateway」です。通称lint先生と呼ばれるものですね。 赤ハンコと共に、あなたのブログのHTMLの文法が綺麗かどうかチェックしてくれます。 ただ、この先生がちょースパルタで、ちょっとのミスさえもドンドン減点していくので、まさに気力と気力の勝負となりました。1日は確実に潰してやりとりしてた気がする・・・。100点取ったときは思わずガッツボーズをとったくらいですよ。。 今振り返ると、HTMLの文法が綺麗になる=SEO

    girled
    girled 2012/12/24
    朝っぱらからやってみたら-332点だったww 指摘項目、順番に直します。。
  • FacebookのザッカーバーグCEO、「HTML5に賭けたのは失敗」 Androidアプリも間もなくネイティブに

    FacebookのザッカーバーグCEO、「HTML5に賭けたのは失敗」 Androidアプリも間もなくネイティブに TechCrunch主催のカンファレンスに登壇したFacebookのマーク・ザッカーバーグCEOが、モバイルへの取り組みやInstagramについて語った。

    FacebookのザッカーバーグCEO、「HTML5に賭けたのは失敗」 Androidアプリも間もなくネイティブに
    girled
    girled 2012/09/12
    これをきっかけにネイティブアプリのエンジニア争奪戦がより加熱するかもね。もちろん国内でも。
  • 伝説のウェブデザイナー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    伝説のウェブデザイナーを探して 西暦2012年 株式会社LIGは深刻なデザイナー不足に見舞われていた。 そんな中、過酷な労働を強いられるデザイナー達が限界を迎えようとしていた。 「もう15時か。あー、今日もよく働いた」 「おい、お前達、しっかり働けよ。俺はもう上がるからな」 「ヴぇっ!?」 「な、なにをする!」 「うっ…ぐ…」 「……………………」 ~~~~~~~~ 「……………………」 「えっ?」 「ふふふ、社長…ようやく目が覚めたみたいね」 「!? なんのつもりだ!さっさとここから出せ!」 「社長。俺達の言う事さえ聞いてくれたらすぐにでも出しますよ。」 「お前達の言う事だと…一体何が望みだ?」 「新しくウェブデザイナーを雇うこと。それが望みよ」 「ウェブデザイナーを雇うだと?!…だからって、何故こんな事を…!!」 「………………」 「クズどもが!早くここから出せ!」 「黙って聞いていれ

    伝説のウェブデザイナー | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    girled
    girled 2012/09/06
    社内で炊飯いいなー。何よりもそれが一番羨ましいかも。
  • 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')); }) });

    girled
    girled 2012/08/25
    最近、PhoneGapの話よく聞くなー。やっぱりネイティブアプリにすることのメリットは大きいよなあ。HTML5だけでやったるで~は趣味の世界。
  • html5collect.net

    html5collect.net 2023 著作権. 不許複製 プライバシーポリシー

    girled
    girled 2012/05/17
    絵本になってると何かすんなり頭に入ってくるような気がする。子供に読み聞かせていれば立派なデジタルネイティブに成長ですね。
  • 犯してはいけない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属性を省略することができます。写真共有サイトにユーザーが画像を

    犯してはいけないHTMLタグの過ち10個
    girled
    girled 2012/03/28
    blinkとかmarqueeとか懐かしすぎて泣いた。何年か越しに思い出したわ。
  • 方向音痴アプリの開発&雑用日記

    大学で日におけるエンジニアの地位の低下を象徴している求人見つけた。 ・3/15 おやつの時間 追記: 『世界最高のエンジニアを1000円で雇おうとしてるポジティブな会社見つけた』って書いた方がみんなの精神衛生上良かったかも知れない [必須条件] HTML4とCSSを完全に理解してることJavascriptを完全に理解してることjQueryを使いこなせることC#による、プログラミングができることVisualStudioの使用経験があること[時給] 1000円

    方向音痴アプリの開発&雑用日記
    girled
    girled 2012/03/15
    この要求スキルでこの時給かー。この要求スキル見るとなんかJavaScriptとかjQueryがアウェイに感じられる気が。