タグ

HTML5に関するmotchangのブックマーク (101)

  • Chrome+HTML5 Conference

    グーグル株式会社 / HTML5 Developers JP 共催 Chrome+HTML5 Conference 〜第20回記念HTML5とか勉強会スペシャル〜 イベントに直接お越しになれない皆様へ HTML5 Developers JPにご参加の皆様、この度はイベントへの多数のご応募、大変ありがとうございました。 私たち「HTML5とか勉強会」スタッフは、イベントに関心のある全ての方にご参加いただきたいと考えています。 しかし会場のキャパシティが限られていること、スタッフの主な活動地域が東京都内に限られていることなどから、多くの方々に参加を見合わせていただかなくてはならないのが実情です。 私たちは、そうした状況を少しでも改善し、出来る限り多くの皆様にコンテンツをお届けすべく、以下のような取り組みを行うことにしました。 Facebookページにおける質問・ディスカッション

  • Chrome+HTML5 Conferenceにお越しになれない皆様へ

    メールアドレスがこのグループでは匿名化されているか、メンバーのメールアドレスを表示する権限がないため、元のメッセージを表示できません こんにちは。スタッフの白石です。この度は、8/21に開催されるChrome+HTML5 Conferenceに多数のお申し込み、ありがとうございました。 私どもスタッフのスタンスとしては、関心のある方全員にイベントに参加していただきたい!と心より思っております。 が、会場のキャパや開催地の関係上、そういうわけにもいきません。 私たちは、そうした状況を少しでも改善し、出来る限り多くの皆様にコンテンツをお届けすべく、以下のような取り組みを行うことにしました。 ・Facebookページにおける質問・ディスカッション ・YouTubeによるライブストリーミング ・パブリックビューイング(公式) ・パブリックビューイング(非公式) 詳細はこちらのページをご覧ください。

  • GTK3アプリをブラウザで使う、GTK3 HTML5バックエンド登場 | エンタープライズ | マイコミジャーナル

    GNOME is a large and complex system, and thus requires some learning to use to the fullest. To make that easier, we've provided some very useful documentation. GNOME開発者のひとりであるAlexander Larsson氏が、次期GNOME3とともに開発が進められているGTK3に興味深い機能を追加した。GTK3 HTML5バックエンドと呼ばれるもので、GTK3アプリケーションがブラウザの上で動作するように振る舞う。実際にはバックエンドで実行してレンダリングやイベント処理をブラウザとやりとりするというもの。すでに開発リポジトリに追加されており、開発者やユーザの反応を見て今後の対応を検討していきたい意向とみられる。 GTK3 HTM

  • オンライン カジノ ランキング 日本 ⚡️ Top Online Casino 24: インターネット カジノ お勧めサイト 2024

    おすすめオンラインカジノ3選!ここを選べば間違いなし! ここからはカジQがおすすめするカジノを紹介していくぞ。 毎月の様に新サイトがリリースされるオンラインカジノ業界。その中から自分にあったサイトを選ぶのは簡単ではありません。初めて登録する方の中には「オンカジを選ぶ段階で失敗したくない…」と感じてる方も多いのでは? そこで!ここではカジQがおすすめするオンラインカジノを3つご紹介します!現役プレイヤーのライター達が選んだ、プレイヤーがプレイヤーにおすすめしたいオンラインカジノです!(スポーツベットの方が興味のある方は、こちらからブックメーカーについてもまとめています。) 迷ったらここを選んでおけば失敗はないかと思います! *当ページでは各カジノの入金不要ボーナスのリンクも掲載しているので是非ご利用下さい。入金不要ボーナスだけでなく、他のボーナスも気になる方はボーナス一覧ページから! 日

  • HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識~活用まで |https://wp.yat-net.com/name

    2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識~活用まで カテゴリ: CSS3 HTML HTMLCSS タグ:CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ(@CROO1379)が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。

    HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識~活用まで |https://wp.yat-net.com/name
  • 【コラム】攻略! ツール・ド・プログラミング (57) XHTML/XML/HTML5をサポートしたテンプレートエンジン「Thymeleaf」 | エンタープライズ | マイコミジャーナル

    Thymeleafとは 「Thymeleaf」は、XHTMLHTML5、そしてXMLをサポートしたJavaアプリケーション向けののテンプレートエンジンである。テンプレートエンジンとは、テンプレートと呼ばれる雛形と、個別に用意だれた入力データを合成して、その結果を出力するソフトウェアの総称。見た目を記述するコードと、ロジック/データを記述するコードが分離できることや、共通部分のコード量を減らすことができるなどといったメリットがある。特にWebアプリケーション開発においては、HTMLの出力に対してテンプレートエンジンを利用するケースも多い。 Thymeleafの場合は、XHTMLHTML5によるWebアプリケーション向けのテンプレートの利用に加えて、XMLを出力するスタンドアロンアプリケーションにも適用することができる。また、Webアプリケーション開発においては「Spring MVC」との

  • Microsoft、HTML5サポート強化でHotmailを高速化

    メッセージを開く、削除する、作成するといった操作のスピードが、キャッシング、プリロード、非同期通信で大幅に削減された。 米Microsoftは6月30日(現地時間)、オンラインメールサービス「Hotmail」をアップデートし、高速化したと発表した。例えばメッセージの表示では、従来3.3秒かかっていたところを0.18秒に短縮したという。 Microsoftは、ローカルストレージを利用したキャッシング、プリローディング、非同期通信の3つの技術を使って高速化を実現したとしている。 新Hotmailでは、1度ダウンロードしたメッセージリストと開いたメールはWebブラウザのDOMにキャッシュされる。アカウントに変更があるとサーバがブラウザにそれを通知し、ブラウザがデータを更新する。ブラウザを閉じると、キャッシュは削除される。 また、ユーザーがメッセージリストを閲覧している間に各メッセージをプリロード

    Microsoft、HTML5サポート強化でHotmailを高速化
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • Twitter時代の文字の数え方 | 配電盤

    入力「×」のブラウザでは、「𠮷」が2文字とみなされるため、2文字目まで、つまり「𠮷野」までしか入力できません。 Mozillaの文書には、Unicode code pointsで数えると書いてあるので、そのうち改善されるのかもしれませんが、現時点ではTwitterのために「maxlength="140"」を使うことはできません。 pattern属性 Firefox 21とChrome 27、IE 10、Opera 12.15は、「pattern=".{0,3}"」(任意の文字からなる0から3文字)のような正規表現を使った検証にも対応していますが、やはり「𠮷野家」は4文字とみなされてしまいます。 JavaScript 追記:javascript – でBMP以外のUnicode文字をきちんと扱う(404 Blog Not Found) JavaScriptでは、文字列strの長さをst

    motchang
    motchang 2011/06/19
    そうか、maxlengthを使った場合4バイト文字を考慮しないといけないんだな。普段使わないけど覚えておこう。 / "ところが、ブラウザによっては、ここに「𠮷野家」という3文字を入力することができません。"
  • スマホ対応の新潮流「レスポンシブWebデザイン」とは? (1/3)

    スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい

    スマホ対応の新潮流「レスポンシブWebデザイン」とは? (1/3)
  • WebSocket勉強会に参加した - たけいの日記

    5/28は、久々に勉強会に参加しました 今回の勉強会は、HTML5でも検討されているWEBサーバとブラウザ間の新しい通信技術「WebSocket」に関する勉強会です。 WebSocket勉強会 http://homepage3.nifty.com/toremoro/study/websocketconf.html WEBで使われているHTTPプロトコルは、ブラウザからの要求に対してサーバが応答をするという、一方向の通信が基になっているので、「メッセージが届いた」「メールが届いた」など情報が変化したときにリアルタイムにブラウザに表示したいという要望を実現するためには、いろいろと工夫が必要になっていたのですね。 現在、リアルタイムのWEB処理で広く用いられているAjax という技術はブラウザから問い合わせを行う「ポーリング」方式が基となっています。なので、変化が少ない場合は空振りが多く通信量が

    WebSocket勉強会に参加した - たけいの日記
  • [CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル

    iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス

  • HTML5と関連仕様がラストコール(最終草案)となる。W3Cが幅広いレビューを募集

    W3CはHTML5と関連する5つの仕様がラストコールとなったことを発表しました。8月3日まで幅広いレビューとコメントを募集しています。 ラストコールとなったのは、以下の仕様です。 HTML5 HTML+RDFa 1.1 HTML Canvas 2D Context Polyglot Markup: HTML-Compatible XHTML Documents HTML5: Techniques for providing useful text alternatives HTML5がラストコールへと進むべきかどうか、5月15日から22日のあいだに関係者で投票が行われ、賛成95、反対5、棄権6でラストコールへ進むことが決定しました。 2014年に勧告へ HTML5のラストコールは、昨年の9月から具体的な準備が進められ、そのときの工程表では5月後半にラストコールへ進む予定となっていました。予

    HTML5と関連仕様がラストコール(最終草案)となる。W3Cが幅広いレビューを募集
  • HTML5のHistory APIを制御するJSライブラリ「Davis.js」

    Davis.js - Simple, degradable JavaScript routing using HTML5 pushState. HTML5のHistory APIを、制御するJavaScriptライブラリ「Davis.js」が公開されています。 (英語) ライセンスはMITのようです。

    HTML5のHistory APIを制御するJSライブラリ「Davis.js」
  • 実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins

    レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkins [ad#ad-2] Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で実装された実用的なさまざまなエレメントが揃っています。 下記に、ダウンロードファイルに含まれているサンプルからいくつか紹介します。

  • fu_mou | Green Night Parade EP

    fu_mouがやってきた!ヤァ!ヤァ!ヤァ! 既にフロアアンセムと化しているGreen Night Paradeを引っさげての待ちに待ったリリース。 Preludeから始まる5曲、そしてPandaBoYによるリミックスを含めた全6曲、そうです、音楽ってのはこんなにも楽しいものなんです。 美しく刻まれたLantern Paradeのリミックスからフロア号泣必至のカービィネタアンセムGreen Night Paradeまで、 このEPは僕らにあらゆるポップを提示してくれている。 2011年、5番目の月、12番目の日、今日ここで始まったグリーンに輝く小さなパレードにみんなで笑って涙しよう。 奇跡も、魔法も、あるんだよ。 文章: RE:NDZ a.k.a. kz (livetune)

    motchang
    motchang 2011/05/14
    HTML5ってすごいなーと改めて。背景が<video>と、rotateはjQueryのプラグインみたいだな。ニコニコでMOGRAで聞きたいってコメントがあったけどそれには完全に同意。
  • [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011

    [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな? 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden

    [速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011
    motchang
    motchang 2011/05/12
    "webはここまできたのだ"
  • Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる - WebOS Goodies

    今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに?」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基概念を説明。その後、円や立方体などのオブジェクトをアニメーシ

  • Websocket勉強会は5/28(土)都内で開催! - Tomo’s HotLine

    お待たせしました、以前からお伝えしているWebsocket勉強会を5/28(土)に開催することになりました。講演概要の公開、参加者募集については今週末(5/15あたり)を予定しています。会場は都内の某オフィスの会議室を利用します。もちろん懇親会も行います。 今回も素晴らしい講師陣が揃いましたので是非ご期待下さい。 なお、最近のWebsocket人気に伴い、ミニプレゼン、デモトラックを急遽追加することを考えています。当日会場でミニプレゼンをしてみたい、デモをしたい!という方は@toremoro21 までご連絡願います。 またUST中継をご協力頂ける方も絶賛大募集です。ご協力頂ける方はお手数掛けますが@toremoro21までご連絡願います。

    Websocket勉強会は5/28(土)都内で開催! - Tomo’s HotLine
  • SVGヤバイ - 最速チュパカブラ研究会

    canvas を苛めていたら気づいたことがあったので書きます。(この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい) 基的な話 canvas には、図形を描画する機能だけでなく、描かれている内容を読み取る機能があります。getImageData を使うと、canvas の内容をピクセル単位で読み取って画像処理をかけたりできます。また、toDataURL を使うと canvas の内容を Data URI として出力でき、サーバに送信したりできます。 しかし、この機能にはリスクがあります。例えば、悪意のあるページを開いただけで、社内SNSにしか公開していないあなたの顔写真を canvas 経由で抜き取られるかもしれません。そういう事が起きないように、他のサイトから読み込んだ画像が canvas に描画されている場合(以下、

    SVGヤバイ - 最速チュパカブラ研究会