Mozilla Vision 2012 Conference Day http://mozilla.jp/events/vision/2012/conference/ スライド 「HTML5 と Web 技術の未来 — よくわかる最新 Web 技術解説」Chris Heilmann (Mozilla) Presentation: The Future of HTML5 and Web Technologies http://icant.co.uk/talks/mozillatokyo/ 「Web 標準の今、そして未来」Tantek Çelik (Mozilla) Open Standards Stories & Practices http://tantek.com/presentations/2012/01/open-web/ メモ書き オープニング/スペシャルトークセッション 夢をカタ
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真:神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト1F大会議室@神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった!(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
If you are a web developer, you surely must know how handy it is to dynamically change the class attribute on an element. The benefits this technique are quite a few: You leave any changes in the look and feel to the CSS You avoid having to loop lots of elements as you can allow CSS to do that job for you by assigning a class on a parent element You can trigger CSS transitions and avoid having to
Arctic.jsとは Arctic.jsは、ActionScript3ライクに記述できる、主にゲーム開発で使用することを目的とした HTML5開発支援フレームワーク(JavaScriptライブラリ)です。 ディー・エヌ・エー(DeNA)が自社アプリ開発用に社内で使われていたようですが、2012年1月24日にオープンソース化されました。 Mobageの「ガンダムロワイヤル」などで使用されているとのことです。 ライセンスはMIT Licenseで提供されています。 以下のような特長があります。 豊富なアニメーション作成支援機能 表示ツリー、イベント伝播モデル ActionScript3.0*4と近いAPI による、Flash 開発経験者の学習負担軽減 各種スマートフォン OS の断片化を吸収し、開発工数を大幅に削減 ※ DeNA株式会社様のプレスリリースより抜粋させていただきました Arct
HTML5のWebsocket(Node.js+Socket.IO)を使って、チャットが行えるサンプルを作ってみました。Node.js+Socket.IOについては、下記のエントリーを参照してください。 Windows+Node.js+Socket.IO 環境を作ったのは自分のPCのためリアルでお見せできないのが残念ですが、動画をキャプチャしたのでそちらでご確認ください。 1.サンプル動画 2つのブラウザからそれぞれ「http://127.0.0.1:8124」にアクセスして、チャットを行います。入力した文字列を送信すると、送信者およびページにアクセスしているブラウザに内容を反映します。 下の表示は画面が小さいので、全画面表示にするかYoutubeのサイトで直接見た方がいいかもしれません。 Websocket Chat Sample 2.サンプルコード Node.jsとSocket.IOを
皆さんTHREE.jsは単なるWebGLのラッパーと思っているかもしれませんが、実際はそれだけではなくて、テクスチャローダーや視点管理用コントローラーなんかの補助クラスに加えて、スプライトやパーティクルシステムまで付いていて、たぶん見たことない人が考えているよりいろいろできます。 ただ、いかんせんまともなドキュメントがないので、それらを実際に使うには、そのクラスを使っている例を見つけて、さらにそれらが使われている部分を検索して使い方を調べるしかありません。 正直面倒くさいので、ブラウザで少しだけ楽にソースを眺められるサイトを立ち上げました。 http://threejsdoc.appspot.com/doc/index.html ただしこれはあくまでもソース読むのを手伝うためのツールです。何やってるクラスなのかとか、どうやって使うかとかは、ファイル名やインスタンス変数から推測したり、サンプ
検索エンジンの作り方教えます。グーグル自走カーのスタンフォード大教授が無料オンライン大学「Udacity」開校(動画)2012.01.30 13:006,504 satomi 昨秋、大学学部レベルのコンピュータサイエンス課程を無料で提供し、日本でも話題をふりまいたスタンフォード大。あれを担当したセバスチャン・スラン(Sebastian Thrun)教授が大学を辞め、なんとコンピュータサイエンス専門の無料オンライン大学「Udacity」をスタートしました! セバスチャン・スラン教授といえば、あのグーグルの自走カーをつくったお方。グーグルのフェロー(特別研究員)でもあります。 去年2月/TEDにて(日本語訳) 氏は秋の人工頭脳(AI)入門コースをスタンフォード大とオンラインの両方とも並行して担当したんですが、ロイターによると「オンラインコースの方が指導が密で教え方も良いため、リアルの大学のクラ
ウェブサイト作成時に役立つ7つのテクニック、第5回のテーマは「リンクの装飾と配置」です。ユーザにとって使いやすいリンクの装飾や配置のサイトを作成するためのポイントをお伝えします。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 ←今回のテーマ 目線の操作 他サイトでの慣習 ウェブサイトでは、ユーザがリンクを見つけることができなければどんなにユーザの関心を引くページやコンテンツを用意しても、まったく見られないまま終わってしまう危険性があります。 そこで、今回は「リンクの装飾と配置」をテーマに、ユーザがスムーズにページ間を遷移することが可能な、回遊性の高いサイトを設計するためのポイントをお伝えします。 まずはリンクの装飾について、テキストリンクとボタンリンク、それぞれのポイントを順に解説していきます。 1. テキストリンクの装飾 テキストリンクは青字下線で表すことによ
海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く