How to use Media Queries in JavaScript with matchMedia — SitePoint
July 31, 2018How to use Media Queries in JavaScript with matchMedia When it was first introduced, responsive design was one of the most exciting web layout concepts since CSS replaced tables. The underlying technology uses media queries to determine the viewing device type, width, height, orientation, resolution, aspect ratio, and color depth to serve different stylesheets. If you thought responsi
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
クロスサイトスクリプティング - Wikipedia
クロスサイトスクリプティング（英: cross-site scripting）とは、Webアプリケーションの脆弱性[1]もしくはそれを利用した攻撃。脆弱性をツリー型に分類するCWEではこの攻撃を不適切な入力確認 (CWE-20) によるインジェクション (CWE-74) のひとつとして分類している (CWE-79)[2]。略称はXSS。かつてはCSSという略称も使われていたが、Cascading Style Sheetsと紛らわしいのでこの略称はあまり使われなくなった[1]。 「クロスサイト（サイト横断）」という名称は歴史的なもので、初期に発見されたXSSでは脆弱性のあるサイトと攻撃者のサイトを「サイト横断的」に利用して攻撃を実行することから名づけられたものだが[3][4]、XSSの定義は新しいタイプの攻撃が見つかるたびに拡張され、サイト横断的なものでなくともXSSと呼ぶようになった[3]
『マイクロフォーマット』出版記念セミナーに行ってきた | Blog hamashun.com
ミツエーリンクスで行われた『マイクロフォーマット』出版記念セミナーに行ってきました。 今度出版されるマイクロフォーマット本の著者であるJohn Allsopp氏を迎えてのセミナーです。 内容は、第一部が木達さんによるマイクロフォーマットの概要的な話、第二部が木達さんとJohn Allsopp氏の対談でした。 会場は西新宿にあるミツエーリンクスの社内セミナールームでした。 会社の後ろの席の人と「多分いるんじゃね」と言ってたんですけど、思ったとおりネコゼさんとかforestkの人とかがいました。 第一部 第一部の内容は、個人的には大体理解している事だったので、よい復習になりました。 いくつか気になったポイントをピックアップします。 VoteLinks VoteLinksはシンプルなマイクロフォーマットの一つで、ぼーとりんくす と発音します。 リンク先に対して賛成か反対か、はたまた意見を保留する
[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)
■ [ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize 今日は、RubyでWebサイトを解析するときに強い味方となるライブラリ、HpricotとWWW::Mechanizeを紹介します。 どちらも非常に強力なので、覚えておいて損はないよ！ 以下ではまずHpricotでHTMLを解析・編集する方法について解説します。 次に、「はてなダイアリーの自動更新」を例にWWW::Mechanizeの使い方を解説します。 Hpricot HpricotはHTMLを解析するためのライブラリです。 例えば「あるページのリンクだけを全部抜き出したい」と思ったとき、どうしますか？scrAPIを使う？でもscrAPIはやっぱり ちょっと使いたいだけなのにパーザ(Scrape)用のクラスを定義するのが面倒なんだよね！ Hpricotなら、たったこれだけで
![[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dd2a08b2c0fff30d70543ed7fa340ebfeb5697/height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
Daring Fireball: Markdown Web Dingus
Markdown: Dingus Main Basics Syntax License Dingus Syntax Cheatsheet: Phrase Emphasis *italic* **bold** _italic_ __bold__ Links Inline: An [example](http://url.com/ "Title") Reference-style labels (titles are optional): An [example][id]. Then, anywhere else in the doc, define the link: [id]: http://example.com/ "Title" Images Inline (titles are optional):  Referen
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
htmlsplit / htmlrepair | Netsphere Laboratories
処理命令 (PI) HTMLテキストの文字コードがUTF-8のときに、次のように明示的に指定すると、属性値でのコードポイント0x100以上の文字参照を取り込むようになる。UTF-8でないときは、実体参照（<など）および0xff以下の文字参照のみを取り込む。 require "htmlsplit" require "htmlsplit" scanner = HTMLSplit.new("<foo bar='㈠'>", "UTF8") scanner.document.each {|tag| puts tag} 実行結果は次のとおり。 <foo bar="㈠"> 制限について htmlsplitは、簡便なHTMLスキャナなので、動作に一部制限がある。 地の文（要素の内容）の実体参照・文字参照は取り込まない。<や)はそのまま残る。 XML形式の空要素タグの書き方
あれこれポップアップ
ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所（要素）の情報（属性値）あれこれをポップアップに出す、 JavaScript と CSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ本来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事（笑） 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cross-browser way to flip html/image via Javascript/CSS?
Components · Twitter Bootstrap
Chrome Editor - Google Chrome 拡張機能ギャラリー
TinyMCE Javascript Content Editor by Moxiecode Systems AB
Studying HTTP
2/3 DOM Samples /Core Node/ownerDocument [Javascript] All About
http://web.xii.jp/iec/battle/diary/quote
DOM vs LDOM
2/3 DOM Samples /Core Node/ownerDocument [Javascript] All About
Backbase
