[B! web][html5] YUKI14のブックマーク

YUKI14 id:YUKI14

webとhtml5に関するYUKI14のブックマーク (11)

妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
はじめに昨日公開した「第一回プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。今回は僕が苦労したIE6〜8対応のお話です。実はIE8ユーザーの割合はIE9に次いで第2位！ Mac万歳！Chrome万歳！な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。よく見ると8位にはIE6がまだしぶとく生き残っています。この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなるまず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。トップペ
YUKI14 2013/01/18
ie

Web制作

web

HTML

HTML5

webデザイン
リンク
SYNODOS JOURNAL : アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来　小林雅一
2012/7/39:0 アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来　小林雅一フェイスブック︵Facebook︶は6月7日、App Centerの開始を発表した。ユーザーはトップ画面に表示されるメニューからアクセスし、ユーザーの関心事や過去のアクティビティをもとにパーソナライズされたアプリが紹介されるようになる。また、6月12日にはグーグル︵Google︶がChrome Web Storeにオフラインで使えるアプリ専用のコーナーを開設、ChromeがOSにまた一歩近づいたといわれている。世界中に9億人のユーザーを持つ世界最大のSNS、フェイスブックが仕掛けるアプリの販売プラットフォームApp Center。あるいは、MacOSでもWindowsでもLinuxでも、Chromeが動いていれば共通のアプリケーションが実行できる、つまりはChromeのプ
YUKI14 2012/07/06
html5

web

IT

HTML
リンク
HTML5&API総まくり
第16回Alfresco勉強会（2013.06.06）の発表資料です。 Alfrescoでibatisを使ってカスタムテーブルにデータをINSERTしたりSELECTしたりする方法について紹介しています。
YUKI14 2012/01/19
*あとで読む

まとめ

html5

資料

web制作

Web
リンク
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5で作り直しました。その時に思った、HTML5でコーディングするときの基本的な注意書きです。なので、HTML5をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5でコーディングする時の tips になってます。先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5にしました。とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5でコーディングをする時に、とても大事だなーと思っ
YUKI14 2011/07/28
html5

webデザイン

web制作

コーディング

web

html
リンク
デザイナは要注目！明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！明日から語れるHTML5＆CSS3‥一撃デザインの種明かし︵13︶︵1/4 ページ︶ ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。いま世界で一番熱い﹁HTML5﹂﹁CSS3﹂とは？最近、﹁HTML5﹂﹁CSS3﹂といった言葉をよく耳にしませんか？これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
YUKI14 2011/01/25
*あとで読む

html5

css3

web

WEBデザイン

WEB制作
リンク
HTML5でWebページをマークアップするための基礎知識
最近よく目にする﹁HTML5﹂という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある﹁HTML5﹂の基礎を学べる入門連載です。﹁HTML5を使うと、何ができるのか﹂﹁それを実現するには、どのようなプログラムを書いたらいいのか﹂をお届けします5からHTMLの“文法”が変わるって知ってた？連載第1回の﹁Webの3つの問題を解決する﹁HTML5﹂とは何なのか﹂では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。﹁HTMLが、どれほど普及しているか﹂﹁根底となる“文法”が変わってしまったら、どれほどの影響があるか﹂に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
YUKI14 2010/10/06
*あとで読む

webデザイン

HTML5

web制作

html5

html

Web
リンク
HTML5+CSS3 入門
Webを記述する言語の標準の現状昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか：ウェブの歴史 [Page 2] よ
YUKI14 2010/10/04
XHTML

html

web

webdesign

html5

web制作

webデザイン

css3
リンク
HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。︵今も改善を続けています。︶ http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。そこでdocument.createElement(要素名);により、ブラウザ︵ユーザーエージェント︶にとって未知な存在の要素を生成し、認識させることができます。
YUKI14 2010/08/05
html5

html

まとめ

webデザイン

web

web制作

*あとで読む
リンク
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた
iPhone / iPadsenchaを触ってみた Moongiftさんの記事を見て興味が沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心のフレームワーク・Sencha Touch。個人的にはかなり良いオープンソースでした。 Moongiftさんの記事を見て興味が沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心のフレームワーク・Sencha Touch。個人的にはかなり良いオープンソースでした。という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレーム
YUKI14 2010/07/04
web

フレームワーク

HTML5

iphone

スマートフォン
リンク
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
Webデザイン HTML5 Canvas ようやくHTML5に興味を持ち始めました。サンプルを以前記事にして、凄いなーと思っていましたが、なかなか時間がなく、先延ばしに。ようやくHTML5に興味を持ち始めました。サンプルを以前記事にして、凄いなーと思っていましたが、なかなか時間がなく、先延ばしに。で、ようやく頭に入れ始めました。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。ht
YUKI14 2010/06/24
*あとで読む

html5

html

チュートリアル

web

コーディング
リンク
HTML5時代の「運営しやすいアーキテクチャ」の話
増井君と二人でPhotoShareというサービスを立ち上げてもう15ヶ月になるが、いろいろと学んだことがある。その中でもつくづく思うのは、サービスを作り上げる段階よりも、運営のことを考えた設計が大切なこと。つまり、メンテナンスしやすい、テストしやすい、多少のミスをしても大丈夫、こまめなアップデートがしやすい、作業分担がしやすい、などなどである。そんななかで強く感じるのは、﹁AJAXを見た目や使いやすさの面だけに利用するだけでなく、﹃運営しやすいサービス﹄を作るのに利用できないか﹂ということである。私のイメージするアーキテクチャを図にするとこんな感じになる。まず一番の特徴は、テンプレート等を利用したHTMLのダイナミックな生成をすべてやめて、データ︵JSONもしくはXML)だけをダイナミックに生成するようにし、HTMLはスタティック・ファイルをサーバー側に置いておく︵上の図で、CSS,
YUKI14 2009/10/10
*あとで読む

プログラミング

design

HTML

javascript

webサービス

web

webデザイン

Web制作

html5
リンク
1