タグ

HTMLに関するdkjのブックマーク (16)

  • Flatis

    dkj
    dkj 2014/02/18
  • iframe内からWebページが読み込まれるのを防止する X-Frame-Options HTTP レスポンスヘッダ

    昨日とあるところに投稿された質問で"フレーム内に表示する許可がありませんというエラーが出る"と書かれていました。 そういった設定がWebページに対して可能なのかどうか調べてみたところ、X-Frame-Options HTTP レスポンスヘッダというものを使えばコントロールできるようです。 LINK: The X-Frame-Options response header クリックジャッキング攻撃を防止するなどの目的で用意されたもののようですね。最近新しく出来たものではなく随分前からあるようです。今後使う機会もあるかもしれないので使い方を確認しておきました。 X-Frame-Optionsヘッダに設定可能な値はDENYとSAMEORIGINの2つがあります。 DENY フレーム内に表示するのを全面禁止 SAMEORIGIN 同じサイト内のページでフレームに読み込まれた場合だけ許可

    iframe内からWebページが読み込まれるのを防止する X-Frame-Options HTTP レスポンスヘッダ
  • wri.peで学ぶ、イマドキのWebアプリの作りかた(前編)

    エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウハウを余すところなく紹介していきます。 HTML5を活用したメモ帳アプリ [wri.pe] 最近、仕事で作っているミイルが忙しかったり、趣味で作っているMobiRubyがなかなか進まなかったりして、個人でWebサービス的なモノを作っていない事が自分としてちょっと気になっていました。 そこで息抜きとして、ゴールデンウイークに集中してWebサービスを一つ作ろう!と思い立ち、wri.peというWebサービスの開発に着手しました。 wri.peは自分が使いたいと思えるメモ帳を作ったので、下記の様な特徴を持っています。 Markdownフォーマットをサポート Gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iP

    wri.peで学ぶ、イマドキのWebアプリの作りかた(前編)
  • ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for Zen HTML plugins - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

  • 経済産業省 会見・スピーチ 大臣記者会見

    昨日までのことは既にご承知だと思いますが、残された中でどうしても、最重要であるということで2点、先ほど財務大臣、それから与党の政策責任者の方々いらっしゃいましたけれども、1点目は中小企業支援対策、法律が3あって、若干重複もあるということで、それを統合してわかりやすくといいましょうか、効率的な法律にすると同時に、内容も充実をするということで、中小企業を中心にした事業体の連携した異業種間を含めた連携によるプラス効果を支援するための補助金について、トータル26億円、一部認められておりましたけれども、ぜひ要求どおりお認めいただきたいということで26億円増になりまして、これを認めていただいたわけでございます。 2点目が物理探査船でございまして、今まで、内示から昨日の復活折衝もゼロでございましたが、財務大臣、それから両政調会長のもとで私なりのご説明を申し上げまして、その結果、17年度で約101億円、

    dkj
    dkj 2010/12/13
    DOM操作がしんどそう。
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • ブログ

    WordPressのブロックエディタで dl, dt, ddを簡単に挿入できる『Simple Definition List Blocks』

    ブログ
  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

  • Flash HTML設定のまとめ | エントリー | _level0.KAYAC

    Flashコンテンツを表示する際のHTMLパラメタってたくさん。。 一覧で将来自分がみたくなるだろうことは必至!!と思って、まとめてみます。 ざっくりですが・・・。

    Flash HTML設定のまとめ | エントリー | _level0.KAYAC
    dkj
    dkj 2009/09/29
  • 都道府県選択するやつ。

    メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北

    都道府県選択するやつ。
  • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

    が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

    いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
  • How to Code HTML Email Newsletters & Email Templates

    This article was first published in 2006, then updated in 2015. HTML email newsletters have come a long way since this article was first published back in 2006. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and measure reader interest in products and topics; readers are presented

    How to Code HTML Email Newsletters & Email Templates
    dkj
    dkj 2009/03/11
    フォームデザインについて
  • HTML特殊文字一覧【Web関連一般】 / Studio Rikiy

    以前書いたレポートからの続編ということで、後に確認したHTML特殊文字を以前のものも含めてカテゴリ別にまとめてみました。一部カテゴライズは極めてアバウト、環境依存するものも含まれておりますが、ほとんどの環境で閲覧可能かつ実用的なものを厳選して掲載しております。 テキスト(&#〜の記述の方)をクリックするとそのコードをクリップボードにコピーできますのでコーディング時にご活用下さい。

  • 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::

    esprit

    新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::
    dkj
    dkj 2008/01/04
  • 「ページトップへ戻る」はおかしくない? - double-team.org

    ここ3ヶ月くらいずっと悩んでいる。どうにも解決方法と言うか、「これ!」と言う回答が見つからないので一旦整理する意味でブログに書いてみる。 よく、「ページトップに戻る」と言うリンクがある。 例えばドコモの製品ページ。ここでは「このページのトップへ」と言う表記でページ内の #top へリンクされている。この #top がどこに書かれているか探してみると、ドコモのロゴの a 要素に name 属性と id 属性の併記でなされている。 今度は mixi のヘルプページではどうか。「TOPへ戻る」と表記され、同様に #top へリンクされている。この #top はソースを見ると164行目に空の a 要素に name 属性で書かれている。 で、自分は何を悩んでいるのか。 ページトップなどの表記は正しいのだろうか 当にページの先頭に遷移するリンク先は #top(または #pagetop など)でよ

    dkj
    dkj 2008/01/04
  • 1