「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」（Crockford氏） Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が本当
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組
HTMLのコーディングでお金を取れる時代は終わったのか｜増田にゃんねるβ
1 名前:以下、はてなにかわりまして元増田がお送りします。 投稿日:2009/10/29 14:01:27 2週間くらい前、会社の郵便受けにDMが入っていた。 それはHTMLのコーディングを下請けで請けますよという内容だった。 それだけであれば、同じような内容のものがたまにくるし、実際、どうしても人手が足りない時には外注したりもしている。 そのDMの問題点は、その価格だ。1ページ500円〜とある。 なんだその500円ってのは。ハッピーセットか。 おまけに75％OFFの割引チケットまでついてやがる。なんだそれは。 ほかのコーディング下請け業のHPを見ても、価格差が歴然としていると思う。 うちはWebサイトの構築では、見積書に細目をあえて書かないことが多いが、クライアントから求められれば出すようにしている。 HTMLのコーディングは1ページ大体1万円もらっている。この1万円が高いのか安いのかは
CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
SWF ファイルのキャッシュを防ぐ方法
Web ブラウザのキャッシュ他のドキュメン同様、SWF ファイルはユーザーのローカル上のハードディスクにキャッシュされます。次に要求があったときにネットワーク上からダウンロードするかわりに、Web ブラウザはキャッシュからファイルをダウンロードした場合、SWF ファイルの内容がほとんど更新されないムービーであればいいですが、常に新しい内容・情報が更新されるムービーでは望ましくありません。次の方法を使用して、Web ブラウザのキャッシュに期限を設定する、またはブラウザでページにアクセスする度に再度ネットワーク上からダウンロードさせることが出来ます。メモ: 以下の MATA タグの設定をサポートしていないブラウザでは動作しません。 SWF ファイルがアクセス毎にダウンロードされる 3 つの方法 Expires ヘッダーを使用します。キャッシュされたドキュメントがブラウザキャッシュから期限切れで
中島聡氏が見せるhtml5の未来：後半6本 | AppBank
中島聡氏が見せるhtml5の未来：前半6本 の続きの6本を紹介します！ 前半に引き続きここで公開しているウェブアプリはすべてこちらのページ（WidgetPad.com）で見ることができます。 例えばですが本日Twitter上でいろいろ話題になっていたこちらのサービスとか、これアプリじゃなくてiPhoneのSafariで動いているんですよ！すごい！ では、後半6本紹介していきます！ 3D Photo これ、Twitter界隈ですげぇ、って話題になってますよね。 すごいんです。動画必見！ このウェブアプリの動画はこちら。 Canvas Benchmark:QuadraticCurve Fill うにょうにょします。 このウェブアプリの動画はこちら。 Finger Art:Circles 指で画面をなぞるとなぞったところに絵が書けます。 すごいです。 このウェブアプリの動画はこちら。 Calcu
中島聡氏が見せるhtml5の未来：前半6本 | AppBank
本日鎌倉に来ていただいた中島聡さん、html5で何が実現できるのか？を現在果敢に挑戦されていまして、こちらのページ（WidgetPad.com）で実験作品を随時公開されているのですが、現在公開されている12個のhtml5で作成されたウェブアプリケーションをすべてご紹介いたします！ 信じられますか？これらはSafari上で動いているんですよ！？まずは前半6個です。 これがiPhoneのSafari上でスムーズに動いているんです。 まずは6本、個別に紹介していきます！ Gold Fish Simulation 小さなお魚さんが画面上をスイスイ泳ぎます。 このウェブアプリの動画はこちら。 Blob Sallad これが一番すごいかも！！！ 指で触れます。ぴょんぴょん触れます。 2本指で触るとなんと分裂します！！！ このウェブアプリの動画はこちら。 YAHOO! Finance 3D ヤフーファイ
包容要素にoverflow:hidden;を使う際の注意点メモ - Rewish
高さの異なるカラムを揃えるスタイルシートで包容要素にoverflow:hidden;を指定する際、その中身に対してページ内リンクを使うと移動された部分より上が非表示になります。 問題のサンプル HTMLサンプルコード <div class="example-wrap"> <div class="example-main"> <div id="example-section1"></div> <div id="example-section2"></div> </div> <div class="example-navi"> <p><a href="#example-section2">第二セクションへ移動</a></p> </div> </div> .example-wrap { width: 500px; overflow: hidden; } .example-main { float
HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style
2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ
ネイティブアプリ級のHTML5にグーグルが期待すること - ＠IT
HTML 5が拓く新しいWeb（1. Google編） ネイティブアプリ級のHTML 5に グーグルが期待すること 新野淳一 Publickey 2009/8/21 新たなアプリのプラットフォームとなるHTML 5へのWebブラウザベンダの取り組みを聞くインタビュー。まずはグーグルに聞いた オープンな形でHTML革新を進めなくてはいけない 文書を閲覧するWebから、アプリケーションのプラットフォームへと、HTML 5の登場がWebを大きく変えようとしています。そのHTML 5について主要なWebブラウザベンダはどのように考え、取り組もうとしているのでしょうか。 今回はグーグルのシニアプロダクトマネージャ 及川卓也氏と、ソフトウェアエンジニアの田村健人氏に、グーグル、特にGoogle Chromeに関連したHTML 5の取り組みについて話を聞きました。 ――― グーグルは今年のサンフランシス
プログラミング知らないHTMLコーダーがダメな理由｜増田にゃんねるβ
1 名前:以下、はてなにかわりまして元増田がお送りします。 投稿日:2009/02/22 10:02:51 web業界にも様々な職種があり、最近では分業化も進んでるみたいだが、 だからって「自分はHTMLコーダーですから、プログラミングには興味ありません」は通用しない。 HTMLコーダーやデザイナーも、プログラミングは勿論サーバーやネットワークの知識を持つべき。 まぁデザイナーは別業界でもある程度潰しがきくかもしれない。 一番危ういのはHTMLコーダー。 HTMLコーダーって、HTMLしか書けない人が多い。 プログラミングは分からない、とか、勉強する気はない、とか言っちゃう人もいる。 HTMLなんて所詮静的なものだから、webっていう分野の中で見たときその重要度は最底辺である。 webは動的でこそ意味があるからね。 HTMLコーダーという職業が未だ成立しているのは、単にプログラマがHTML
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
グーグルが賭けるHTML 5の未来 － ＠IT
2009/05/28 「決してWebをあなどってはいけない」（Never underestimate the Web）。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
「印刷用ページ」の作り方
HTML5.JP - 次世代HTML標準 HTML5情報サイト
TechCrunch | Startup and Technology News
