【レビュー】WebSocket未対応ブラウザにも対応「Socket.IO」技術登場 | エンタープライズ | マイコミジャーナル
Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. クライアントサーバ間で非同期双方向通信を実現するWebSocket APIの実装が進んでいる。今のところFirefox 4、Chrome 4、Opera 10.70、Safari 5がWebSocket APIの実装を取り込んでいる。1日現在、WebSocket APIはW3Cドラフトの段階にあり仕様は固まっていない。またIEもサポートしていない。しかしWebページやWebアプリがクライアントサーバ間通信を実施するための有用なツールになっており、優れたユーザ体験を提供するためには活用を検討したい技術になっている。 クライアントサーバ間通信はすでにAjax技術で実現されているため、WebSocket APIの利点がよくわからかいユーザも多いようだ。既存のAj
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション:phpspot開発日誌
特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション 2010年09月17日- Convert HTML to PDF in PHP (libwkhtmltox extension) | Perplexed Labs 特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション。 wkhtmltopdfというコマンドラインのツールがありますが、これをPHPから使えるPHPエクステンションがGitHubにて公開されています。 このエクステンションをインストールした後、次のようなwkhtmltox_convertという関数が使えるようになっているのでそれで変換出来るみたい。 <?php wkhtmltox_convert('pdf', array('out' => 'test.pdf', 'imageQuality
ニコニコ動画、HTML5に対応へ 9月末予定
ニワンゴは、「ニコニコ動画」で9月末からHTML5による動画再生に対応させる予定だ。Flashが表示できないiPad用Safariでも動画の再生とコメント入力が可能になる。 8月26日開いた「ニコニコ大会議 2010 夏」で明らかにした。HTML5対応のほか、「ニコニコ生放送」のリニューアルも発表。トップページに、ニコ動アカウントなしでも生放送を視聴できるプレイヤーを設置するほか、番組へのタグ付けに対応し、タグによる番組検索が可能になる。また、ユーザーが動画を宣伝できる「ニコニ広告」がニコ生にも対応。ニコニコポイントを使い、放送中の生放送番組を宣伝できる。 ニコ動は10月28日にバージョンアップする予定。次期バージョンの名称や内容は、同日開く「ニコニコ大会議 2010 秋」で披露する。 関連記事 H.264のライセンス料、無料ネット動画は恒久的に不要に YouTube動画のような「エンドユ
Flash を捨て HTML5 に移行するポルノ業界 | スラド IT
Flash だ、いや HTML5 だ、といった議論は尽きないが、大手ポルノ製作会社 Digital Playground 社は「全てのブラウザが HTML5 に対応した場合、直ちに Flash から手を引く」と発言したそうだ (ConceivablyTech の記事、本家 /. 記事より) 。 同社の創設者 Ali Joone 氏曰く「Flash はバッテリを消費するし、全てを遅くさせる。HTML5 があればコンテンツを Flash にする理由はない」とのこと。また AppleInsider の記事によれば、iPhone アプリではポルノコンテンツは認可されないため、iPhone 向けにポルノを提供するには HTML5 を使った動的な Web コンテンツにする必要があるといった背景もあるようだ。 全てのウェブサイトの 37% がポルノコンテンツである (参考: /.J 記事) ことを鑑みる
縦書き文庫の開発日誌
最近、主力商品？であるところの「日本文学100選」ブログパーツのダウンロード数が落ちてるなあと思ってたら、どうやらIEで表示が乱れていたみたいです（タイトル文字がセンタリングされずに左に寄ってた）。 で、IEの問題については直したのですが、いつのまにやらOperaで表示されなくなっていて…そっちは未解決です。すみません。 で、今さらになりますが「日本文学100選」本棚の埋め込みコードは以下の通り。 横幅は下のコードで bs_width の値(初期設定は170)を好きな長さに変えてください（上の表示例は440にしてます）。 <script type='text/javascript'>bs_width=170;user_id='ds100';</script><script type='text/javascript' src='http://gomyway.dip.jp/bungou/js
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
MoogaOne
最新情報 2017年5月25日 千葉大学 流体数理工学 三神研究室様にご利用いただきました 2017年4月1日 国際基督教大学図書館がMoogaOneを利用しました。 2014年11月26日 日本赤十字秋田看護大学・日本赤十字秋田短期大学図書館様にご利用いただきました 2011年6月20日 和歌山県立医科大学図書館三葛館様にご利用いただきました 2010年3月12日 圧縮ファイル形式をlzhからzip形式に変更しました 2010年3月11日 Template.cssのスタイルに一部変更があります 2010年3月2日 大阪教育大学附属図書館様にご利用いただきました 過去の最新情報>> MoogaOneとは？ 図書館に関わる方々の間で少なからず誤解されているようなのですが、MoogaOneは図書館ほか特定された用途を持つウェブページ用のひな形ではありません。 >>続きはこちら
HTML 5の仕様からオーディオ・ビデオコーデックに関する要件白紙に。ベンダーの意向の相違が原因。 | スラド
W3CのHTML 5の仕様からオーディオ・ビデオコーデックに関する項目が外されたそうだ（本家/.記事）。 HTML 5のオーディオ・ビデオコーデックはAdobeやMicrosoft、またRealnetworksなどのマルチメディア・ツールを提供するベンダーにとって脅威になると考えられている。HTML 5の仕様を担当しているIan Hickson氏によると、Appleは（ロイヤリティ無しに使用できるにも関わらず）パテントに対する将来的な懸念およびハードウェアサポートの欠如を理由に、QuickTimeでOgg Theoraをサポートしないとのこと。また、GoogleはYouTubeにはOgg Theoraは適さないとして導入する意向はないとしているそうだ。さらに、マイクロソフトは<video>タグに関してなんのコメントも発していないとのこと。Hickson氏によると、H.264に関しても各ベン
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） ::SEM R (#SEMR)
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） Google、Yahoo!、Microsoft3社が rel="canonical" （正規化、canonicalization ）をサポート。クローラが適切な（canonical）サイトを見つける手がかりに。rel="canonical" はページの head の中に記述すること。 公開日時：2009年02月13日 15:37 Google、Yahoo!、Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"（属性）は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization）させるために使用される。 同じサイト（ドメイン）でも、たとえば www.sem-r.com、se
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
DOCTYPE宣言がないとIE7でも表示は古いまま - ［ホームページ作成］All About
補足：XHTMLを使う場合の注意点 ■XML宣言を書くとIE6で困る XHTMLを使う場合は、文法上、DOCTYPE宣言よりも前に「XML宣言」と呼ばれる記述が必要です。 ところが、IE6では、DOCTYPE宣言の前に余計な記述があると、DOCTYPE宣言を無視してしまいます。 （Mac版のIE5や、Windows版でもIE7は問題ありません。） XML宣言を1行目に記述したXHTML1.1のDOCTYPE宣言は、以下のようなものです。（文字コードがSHIFT-JISの場合） <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
vertical-alignの使い方【css tips】[to-R]
vertical-alignの使い方【css tips】 vertical-alignは正しく理解していないと使いにくいプロパティである。 特にtableレイアウトからcssレイアウトに移行する際に混乱が発生しがちだ。 テーブルレイアウトでよく使う以下のようなコードがある。 <table width="200" height="200" bgcolor="#39FF6B"> <tr> <td valign="middle" align="center">中央に表示したい文字</td> <tr> </table> サンプル このコードをcssレイアウトに変更する際に HTMLを <div> <p>中央に表示したい文字</p> </div> CSSを div{ width:200px; height:200px; background:#39FF6B; text-align:center; v
![vertical-alignの使い方【css tips】[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開
米Microsoft Corporationは9日（現地時間）、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer Toolbar」は、IEのエクスプローラバーとして動作するWeb制作者向けのプラグイン。ローカルまたはインターネット上のWebページのHTML/CSS構文を解析でき、レイアウトや色合いの調整、W3Cの文法チェックサービスを利用した構文エラーチェックなど、アクセシビリティに配慮したWebページ作成に便利な機能が多数搭載されている。 エクスプローラバーはWebブラウザー画面の下側へ表示され、上部に各
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のcanvasを使って手書き署名入力をWEBで行う際に役立つjQueryプラグイン「Signature Pad」:phpspot開発日誌
HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に
WordPress Themes, HTML Templates - ThemeForest
Engadget | Technology News & Reviews
わかりやすい404エラーページについて考えてみる | caramel*vanilla