[B! Web][HTML5] mk16のブックマーク

mk16 id:mk16

WebとHTML5に関するmk16のブックマーク (33)

プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
本スライドは、弊社の梅本により弊社内の技術勉強会で使用されたものです。近年注目を集めるアーキテクチャーである﹁Transf ormer﹂の解説スライドとなっております。 "Arithmer Seminar" is weekly held, where professionals from within and outside our company give lectures on their respective expertise. The slides are made by the lecturer from outside our company, and shared here with his/her permission. Arithmer株式会社は東京大学大学院数理科学研究科発の数学の会社です。私達は現代数学を応用して、様々な分野のソリューションに、新しい高度AIシステム
mk16 2015/07/26
CSS

html

HTML5

プログラミング

jquery

web

jQuery

webデザイン
リンク
Canvas Fingerprintingはクッキーより怖いのか技術的に調べてみた｜TechRacho by BPS株式会社
morimorihogeです。最近忙しくて遠征すらおぼつかない状態です。夏イベント資源足りるのかこれ。なんかはてブ界隈などでCanvas Fingerprintingの話題が出ていて、Cookieより怖い！とか、Adblockみたいに無効にする方法がないのにユーザトラッキングできて怖い！！といったアオリの記事がぽこぽこ出てきているようです。でも、ざっと調べた限りの日本語のどの記事を読んでも、具体的にどうやってユーザ個々のトラッキングができるようになるのか、技術的に解説されている記事が見つかりませんでした。というわけで、エンジニアとしてはここは一つキッチリ理解しておきたいと思い、調べた結果をまとめます。もし僕の読解がおかしくて変なことを言っている部分があれば、はてブやTwitter、コメント欄などで指摘して頂ければ更新していこうと思いますので、マサカリ上等です ;) Canvas F
mk16 2014/07/31
canvas

セキュリティ

security

privacy

cookie

技術

トラッキング

web

CanvasFingerprinting

HTML5
リンク
米MozillaがFirefoxにDRMを採用へ～オープン性に疑問符がつく苦渋の選択　
mk16 2014/05/15
firefox

Mozilla

HTML5

web

ソフトウェア

社会
リンク
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
ドキュメントモード、もうだめみたい。 http://furoshiki.hatenadiary.jp/entry/2013/11/26/032352Read less
mk16 2014/03/22
browser

html5

ie

web

html

ブラウザ

Internet Explorer

Microsoft

slide
リンク
［GDC 2013］Webブラウザで「Unreal Engine 3」がヌルヌル動く!? ゲームエンジンを5日でHTML5へ移植した驚きの技術とは
﹇GDC 2013﹈Webブラウザで﹁Unreal Engine 3﹂がヌルヌル動く!?ゲームエンジンを5日でHTML5へ移植した驚きの技術とはライター‥米田聡 Game Developers Conference 2013︵以下，GDC 2013︶の2日めとなる米国時間3月26日，Webブラウザ﹁Firefox﹂の開発で知られる米Mozilla Foundation︵以下，Mozilla︶が，﹁Fast and Awesome HTML5 Games﹂︵高速かつ驚愕のHTML5ゲーム︶と題するセッションを開催した。 HTML5はそのポテンシャルが高く評価されてはいるが，実際にそれで作成されたゲームを見ると，﹁Webブラウザ上のゲームならこんなものか……﹂と落胆させられるものが多い。そのため正直に言えば，筆者はあまり期待せずに参加したのだが，蓋を開けてみれば，たしかにタイトルどおり﹁
mk16 2014/01/18
4Gamer.net

4Gamer

asm.js

JavaScript

html5

game

ゲーム

web

emscripten
リンク
ロゲ会長ジェネレータ
実験的に画像を挿入するジェネレータもつくってみました。PCでしか動かないと思います。(IEもたぶん無理) ロゲ会長のジェネレータです。かなり急ごしらえでつくったので出来は荒いです。IEとかちゃんとテストしてません。HTML5でcanvasがチャント動くモダンブラウザじゃないとダメです。 Androidの方は標準ブラウザですと、画像保存がデキなかったり、ブラウザが落ちたりすることがあるようです。スクリーンショットで保存するとか、Android版Chromeブラウザを使うと保存ができることがありますのでお試しください。
mk16 2013/09/11
ジェネレータ

ネタ

Webサービス

オリンピック

generator

web

html5

webservice

neta
リンク
ggsoku.com
mk16 2012/07/25
apple

html5

HTML

w3c

web

whatwg

Apple

microsoft
リンク
Loading...
mk16 2012/06/10
>毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢として魅力的です。

CSS

webデザイン

スマートフォン

Web制作

デザイン

HTML5

まとめ

web

スマートフォンサイト
リンク
意外と多い!? Web フォントに対応していない環境〜2012 年の Web フォント事情〜 - てっく煮ブログ
html5Web フォントは﹁Web サイトにオリジナルのフォントを埋め込む﹂ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から﹁コピペできるんだけどどういうこと？﹂﹁意味が分からない﹂というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して﹁Web フォントに対応していない環境﹂がどの程度あったのかを調べてみました。4種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の4種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
mk16 2012/04/27
ウィキペディアのこのページを正確に表示出来る環境に出会った事がない→http://ja.wikipedia.org/wiki/%E3%83%8F%E3%82%B6%E3%83%BC%E3%83%89%E3%82%B7%E3%83%B3%E3%83%9C%E3%83%AB

font

webfont

フォント

web制作

Webフォント

web

html5
リンク
「コピペできない文章」がコピペできなかった理由 - てっく煮ブログ
html5先日公開した絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。﹁不思議！﹂﹁どういう仕組みなんだ？﹂という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは﹁コピペできない﹂としていいますが、実際にはコピペはできます。正確に表現すると﹁コピーすると違う文字になる﹂という状態になっています。ではなぜ違う文字になるのでしょうか。結論をいってしまうと﹁そこにある文字が、人間の目に見える文字とは違う﹂からです。といっても、これでは分からないですね。今回のために作成された独自フォントトリックの肝は﹁フォント﹂です。フォントといえば、文字の見た目を変えるために利用するものです。たとえば、﹁ほ﹂という文字を﹁メイリオ﹂フォントで表示するとこうなります。フォントを変えて﹁HG創英角ポップ体﹂フォントで表示すると、ポップな雰囲気になり
mk16 2012/04/23
フォント

font

ネタ

web制作

python

web

HTML

html5

ネット

コピペ
リンク
絶対にコピペできない文章を作ったったwwww - てっく煮ブログ
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
mk16 2012/04/21
ネタ

HTML5

javascript

font

html

web

フォント

コピペ

css
リンク
フォーム自動入力(x-autocompletetype)の実験
※ご注意‥ ウイルスバスターがインストールされている環境だと、この記事は読めないようです (→参考画像) (x-autocompletetypeとは？) Webサイトのフォームにワンクリックで個人情報を自動入力してくれる便利機能。ブラウザに、あらかじめ名前やメールアドレスや住所やクレジットカード番号などの情報を設定しておく。アンケートサイトとかに超便利入力が苦手なオカンも便利とにかくべんり Google Chrome のみ対応してる (2012年4月4日時点)。便利すぎて今後、他のブラウザも追随必至。 (ユーザーが自動入力を使うには) Google Chrome 設定 → 個人設定 → 自動入力設定の管理 → 住所氏名メールアドレス等を入れておく (Webページ側での自動入力の設定) inputにx-autocompletetype属性をつけて、値を em ailとか sname
mk16 2012/04/08
chrome

セキュリティ

privacy

google

security

x-autocompletetype

フォーム

html5

Web

google chrome
リンク
Mozilla が H.264 をサポートへ、webM 一本化を断念 - Engadget Japanese
Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show
mk16 2012/03/21
Google

browser

Firefox

html5

H.264

WebM

Mozilla

web
リンク
てへぺろ（・ω＜）したくなったら押すボタン
0 てへぺろやや総てへぺろツイート mixiチェック現在の閲覧者数: がんばる女性を応援します more美
mk16 2012/03/07
てへぺろ(・ω＜)

Webサービス

ツール

ネタ

HTML5

web

アニメ

neta
リンク
Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5に置き換わっていくことは確実となりました。﹁これからは HTML5だ﹂という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポートグーグルが賭けるHTML5の未来 − ＠IT Google はそれ以降、多くのサービスに HTML5を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5化していない、または、できていない5つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
mk16 2012/02/28
youtube

Flash

HTML5

Google

html

まとめ

web

web制作
リンク
ヤター！ウェブブラウザで動くシンセできたよー - aike’s blog
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾出版社/メーカー: インプレスジャパン発売日: 2010/09/16 メディア: 単行本︵ソフトカバー︶この商品を含むブログ
mk16 2012/01/31
api

chrome

audio

html5

music

音楽

javascript

web

DTM

ブラウザ
リンク
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
結構参考になったので備忘録がてらご紹介。Webサイトの制作スピードをより向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態で済むように設計されたスターターキット、というかフレームワークです。制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。いろいろ
mk16 2012/01/23
CSS

web制作

フレームワーク

HTML5

webデザイン

web

html

ui

framework

webサイト
リンク
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
mk16 2011/11/21
canvas

CSS

book

チートシート

web制作

まとめ

webデザイン

HTML5

web

html
リンク
犯してはいけない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属性を省略することができます。写真共有サイトにユーザーが画像を
mk16 2011/04/21
CSS

画像

HTML

web制作

css

webデザイン

HTML5

web
リンク
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogはじめにこんにちは。R＆D統括本部制作本部ウェブデベロップメント部に所属しております。岡部和昌︵@kzms2︶と申します。最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのかなどについて書いていきます。なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからないなど疑問に思っている方はぜひ見ていた
mk16 2011/04/07
blog

html5

まとめ

html

WEB制作

web

javascript

チュートリアル

yahoo
リンク
1 2 次のページ