「第40回 HTML5とか勉強会 ～これからのWeb制作で大事なこと」活動報告 | gihyo.jp
2013年7月25日、第40回を迎えた「HTML5とか勉強会」は普段と趣向を変えた「女性向けの優しい勉強会」として、LINEさんに会場をお借りして開催しました。 勉強会では「これからのWeb制作で大事なこと」をテーマに、Web制作への取り組み方や考え方についてのセッションがありました。本稿では、今回の内容についてレポートします。 見た目以上に大事なこれからのデザイン はじめのセッションではツクロアの秋葉秀樹さんから、行動と時間軸を意識したデザインの考え方について紹介いただきました。 行動のデザインをする 現在の日本では「美しいものやカッコイイもの、オシャレなものや流行りのものをデザインするのがデザイナーの価値という偏った考え方がある」と秋葉さんは言います。デザインの先にあるユーザの行動をデザインするのもデザイナーの大事な役割だと説明しました。 都合のいい状態だけのデザインをやめよう 「都合
HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです（それにしてもNinjaという名称は海外で人気がありますね……）。オープンソースソフトウェアとして開発されています。 Ninjaは、同じくMotorola MobilityがリリースしたHTML5対応のフレームワーク「Montage」をベースにしています。Montageは、Adobe Flash/Flexのような形でHTML5のアプリケーション開発ができるようにという意図で開発されたフレームワーク。 Ninjaの画面
The evolution of the web
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
WordPressをHTML5で制作する用のテーマファイル -Toolbox
Toolbox プレビュー [ad#ad-2] テーマファイルには装飾となるデザインは一切施されておらず、HTML5の要素が配置されたものとなっています。 ヘッダ箇所の抜粋。 <header id="branding"> <hgroup role="banner"> <h1 id="site-title"><span><a href="http://wp-themes.com/" title="Theme Preview" rel="home">Theme Preview</a></span></h1> <h2 id="site-description">Previewing Another WordPress Blog</h2> </hgroup> <nav id="access" role="navigation"> <h1 class="section-heading">Main m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-lab.jp