[B! *HTML5] [7ページ] yamadarのブックマーク

yamadar id:yamadar

*HTML5に関するyamadarのブックマーク (298)

Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って﹁HTML5に賭けたのは失敗﹂と発言しました。しかし﹁Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている﹂︵We had our suspicions about why Facebook's mobile application team had probl ems︶とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク﹁Sencha Touch﹂の開発チーム。
yamadar 2012/12/20
ネイティブアプリよりサクサクって凄いな。

*HTML5

@Facebook

**これはすごい
リンク
HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance
HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance First Draft of HTML 5.1 Offers Glimpse at Next Round of Standardization Read below what W3C Members have to say about HTML5 17 December 2012 — The World Wide Web Consortium (W3C) published today the complete definition of the HTML5 and Canvas 2D specifications. Though not yet W3C standards, these specifications are no
yamadar 2012/12/18
*HTML5
リンク
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
HTMLの構文チェックをその場でできるブックマークレットです。問題箇所の数や、問題箇所もおしえてくれます。割と便利そうだったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
yamadar 2012/12/07
*javascript

*HTML5

*html
リンク
ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つあるって話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷︵何処︶で話題のmain
yamadar 2012/12/04
ゲームで覚えるっていうアイデアが素晴らしい！

*HTML5

アイデア

**すばらしい
リンク
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている﹁たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS﹂という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応透過PNGに対応 opacityに対応といったことが可能になります。要はCS
yamadar 2012/12/02
*javascript

*HTML5

*CSS3

+IE
リンク
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとかスマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！特に明記がないものはすべてWebkitについてです。見つけ次第順次追加予定。タイトル変更、増えてきたので目次追加しました。この記事はiOS5、Android3以前について記載したものです︻css︼タップ時にz-indexを無視して下の要素に枠がつく(Android) ︻html, css︼マルチバイト文字にfont-weight:boldが効かない(Android) ︻css︼ border-radiusのコーナーがジャギる(Android) ︻css︼ box-shadow、text-
yamadar 2012/11/30
バグのまとめ。非常に参考になる。ありがとうございます。

●android

●iPhone

●*CSS3

●*CSS

●*HTML5

●まとめ
リンク
Responsive Cat
I'm responsive.
yamadar 2012/11/13
なにこれかわいいｗ

*CSS3

*html5

デザイン

*javascript

**これはすごい
リンク
HTML 5 Outliner
HTML 5 Outliner Input HTML: URL: HTML: <doctype html> <title>Hello, world!</title> <h1>This is a section</h1> <section><h1>And this a subsection!</h1></section>
yamadar 2012/11/07
*HTML5

webサービス

ツール
リンク
html5-memo.com
yamadar 2012/10/18
勉強しよう。もう一度。

勉強

*HTML5

*CSS3
リンク
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。
yamadar 2012/10/15
まとめ

チートシート

*javascript

*HTML5

*CSS3

*jQuery
リンク
知らない人は遅れてる？新Zen-Coding Emmet
頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
yamadar 2012/10/13
**あとで読む

*HTML5

コーディング
リンク
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
yamadar 2012/10/11
*HTML5

セキュリティ
リンク
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF2012で話すマーク・ザッカーバーグ氏ネイティブかHTML5かという対立軸モバイルアプリの世界では現在、﹁ネイティブアプリか、HTML5か﹂という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
yamadar 2012/10/11
アプリ

*HTML5

android

@クックパッド
リンク
Html5勉強会
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Html5勉強会 — Presentation Transcript HTML5を取り巻くマルチプラットフォームの神話とその未来提供元Corona Evangelist木村圭佑提供あなたの家を守る仕事、自宅警備員提供 iPhone/Android エンジニア@Corosuke_k 見事にすべりましたね (
yamadar 2012/09/02
改行改行改行改行改行改行改行改行改行改行改行改行

*HTML5

まとめ

**あとで読む

知識・理解
リンク
HTML5でロードオブナイツとかいうゲームを作った - mizchi log
陣取り戦争ゲーで、iPhoneのUnity版からの移植です。ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detailPC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なかったんで、JSに関してはフルスクラッチです。というか全部CoffeeScriptです。ある日会社で楽しくHaskellでKPI計算モジュール書いてたら、﹁UnityのネイティブのゲームをHTML5に移植したい﹂みたいな話が降ってきたので、移植しました。3ヶ月ぐらいで。プラットフォームはモバゲー(スマホ) + ヤバゲーです。HTML5なのは、スマホとブラウザゲーで開発リソースを共通化したかったか
yamadar 2012/09/01
*javascript

**これはすごい

*HTML5

@DeNA

*coffeescript
リンク
mizzz.jp
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
yamadar 2012/08/07
webサービス

*HTML5
リンク
HTML5形式のフォトギャラリーをサクッと簡単に作成できるフリーソフト「Juicebox Lite」
ホームページに自分が撮影した写真を公開する場合に、対応するブラウザ画面のレイアウトが自動フィットし、Flickrを利用することも可能で、動作が軽いフォトギャラリーが作成できるフリーソフトが﹁Juicebox Lite﹂です。対応しているOSはWindows・Mac・Linux、ブラウザはIE・Firefox・chrome・Safari・Opera、モバイル向けはiPhone・iPad・Android搭載スマートフォンとタブレットになっています。Juiceboxを操作しているムービー、設定方法については以下から。Juicebox Lite http://www.juicebox.net/download/ ◆Juiceboxを操作しているムービー以下のムービーで、どんなフォトギャラリーなのか確認できます。ブラウザから﹁Juicebox﹂を使うとこんな感じ - YouTube ◆設定方
yamadar 2012/07/31
写真

フリーソフト

*HTML5
リンク
表示が速過ぎても、誰も文句は言いません～CSS Nite「表示速度最適化」レポート
CSSNite LP, Disk 23﹁表示速度最適化﹂ 2012年6月30日、ベルサール九段下で﹁CSSNite LP, Disk 23﹂が開催されました。CSSNiteはWeb制作に関わる方のためのセミナーイベントで、マークアップエンジニアやデザイナーの方が多く参加しています。今回のテーマは﹁表示速度最適化﹂でした。パフォーマンス計測の方法、画像の最適化、モバイル向け最適化、そしてフロントエンドからバックエンドまでを考慮した設計段階からの最適化と、幅広いながらとても密度の濃い内容でした。自己満足で終わらないためのパフォーマンス計測サイバーエージェントの石本光司︵@t32k︶さんから﹁Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 - ﹂というタイトルで、サイトの最適化を行う上で重要なパフォーマンスの計測手段や分析方法に
yamadar 2012/07/19
素晴らしい内容。

パフォーマンス

高速化

*javascript

まとめ

*HTML5

*CSS3

**すばらしい

知識・理解

チューニング
リンク
HTML5、CSS3、JavaScriptがリアルタイム編集できる！軽量HTMLエディタ「Liveweave」 - Chrome Life
みなさんは、HTMLやCSSのコーディングには何を使っていますか？デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。コードを修正→ファイルの保存→ブラウザで更新→確認この手順を繰り返すのですが、これがなかなか面倒です。できれば、コードを修正したタイミングですぐに確認できるとベストですよね。そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ﹁Liveweave﹂です。﹁Liveweave﹂は、ブラウザ上で動作するHTMLエディタです。コーディングエリアとレン
yamadar 2012/07/10
**あとで読む

*javascript

*CSS3

*HTML5

ツール
リンク
これからのWeb制作に使える、HTML5,CSS3の対応表や各種リソース
HTML5 Please - Use the n... / CSS3 Click Chart | CSS3 ... / Mobile Web Resources | M...他...全5件
yamadar 2012/07/04
*javascript

*HTML5

*CSS3

参考

チートシート
リンク
前のページ 3 4 5 6 7 8 9 10 11 12 次のページ