HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
今時のデザインのウェブサイトの作り方を丁寧に解説しているPhotoshopのチュートリアル集
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
Webディレクターのdirect力をサポートする10のハック : LINE Corporation ディレクターブログ
こんにちは、livedoorポータル所属のディレクター阿部です。 さて、Webディレクター職にまつわるよもやま話で、 -Webのディレクターが、映画、TVや雑誌など他のメディアで活躍しているディレクターに比べ、「direct（方向性を指し示す意思決定を行い指揮する）」というスキルが十分ではないのでは？- なんてことが語られたりすることがあります。 弊社の事業部長もこのように書いていたりしますね。 その背景にはWebディレクターという職業の成立自体が新しいからとか、Webディレクターと一口に言っても「広告系」「開発系」「運用系」と求められるスキルが異なっているからとか、揶揄される要因は様々あるかと思います。それらを加味しても、ディレクターたるもの「意思決定し、関係各者に指示するスキルが重要」というのは当然のことです。 それならば、と「よし！これからは物怖じせずにバンバン指揮していくぜ！」と自
【公式】 akyrise / アキュライズ｜シンプルスキンケア｜オンラインショップ
贅沢な、シンプル。 本当に肌にいいものを考えて たどり着いた３つのステップ。 自然の恵みを贅沢に使った シンプルなスキンケアです。 akyriseのこと
今のデザイナーに必要な10のスキル
見た目だけを考える仕事をしているわけではないという意味も含めて、「デザインする人」という肩書きのようなものを名刺に入れています。デザイナーと書くと、『外側』を作るというイメージのほうが強いかもしれないので、わざとそう書いています。両方とも意味は同じのはずですが、日本語で書くとちょっと印象が違うような気がします。どちらでも良いと思いますが、こう書くことで私自身は意味を重く受け止め、足りないことが多いですが、日々精進するきっかけになります。 最近デザインという言葉は考え方や仕事の仕方などあらゆるシーンで使われるようになってきました。ではデザイナーはどうでしょう。デザインと同じように意味が広がってきているのでしょうか。 Fast Company の「Beyond Design, 10 Skills Designers Need to Succeed Now」という記事でこれからのデザイナーに必要
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
スクロールバーをつくるときのポイント | _level0 - KAYAC Front Engineer Blog
スクロールバーやスライダーってなかなか使いまわせないし、決定版ができないですよね。 いっこいっこ見た目や機能が微妙に違うし、連動させる対象や表現も違います。 個人的にも何度Scrollbar.asを作ったかわかりませんが、何回か作ることで方向性が見えてきた部分もあります。 実装方法というよりその考えかたの部分を書いてみたいと思います。 見た目を無視する＝数値化する＝抽象化する まず見た目が一番ややこしいので、まず忘れます。 つまりスクロールバーの本質は、コンテンツをスライドさせるものではなくて、0%～100%(0.0-1.0)の値をスライドさせているものだと捉えます。こういう数値としてしか見ない見方を、抽象化するといいます。 本質的に、やりたいことはある範囲を限界を超えないで行ったり来たりする操作です。表現としてスライドするかぐるぐる回るかといったことは、その具合を具体的に反映した結果でし
Webデザイナの労力を減らすCSS3の新機能 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Inayaili de Leon氏がSmashing MagazineにTake Your Design To The Next Level With CSS3のタイトルのもとCSS3を積極的に使っていってはどうかという内容の記事を公開した。いつまでもあまり簡単とはいえないCSSハックを駆使したり、JavaScriptに依存した使い続けることに意味があるのか、というわけだ。 ただ、逆説的だが、妥当検証を通過できなくなるしブラウザごとに設定を追加する必要があるので使わない方がいいことはわかっているものの、Take Your Design To The Next Level With CSS3の冒頭ではまだ
fladdict » アプリケーションにおけるデザインの重要性
WWDC出てAppleの中の人や、成功したアプリの製作者が口をそろえて言うことは、「これからアプリはデザインがもっとも重要で、開発時間の大半をデザインに充てるべきだ」、ということだった。 １年ほど自分で製作してみた実感でも、テクノロジーはそれほど重要ではない印象。 いわゆるFlexとかRIA系の世界では、デザイナーのポジションはUI設計と切り離されて、単なるスキン屋に甘んじてることが多いとおもう。 しかしiPhone系だと、ぶっちゃけデザインがウンコだと、メディア露出だけで力技で殴り勝てるアプリじゃない限り、まず成功することはありえないと思う。 iPhoneは市場が小さいからまだ当面予算が低いのがアレだけど、最終的にはこういう生活に密着したアプリケーションは、通常のウェブサイトやアプリケーション以上に積極的にデザイナーが設計にコミットして、もっと単価要求すべきな気がする。 これはアプリケー
【コラム】クリエイティブ初心者のためのFlash講座 (4) Flashの基礎用語を学びながら、実際にFlashを操作してみよう | クリエイティブ | マイコミジャーナル
今回は、Flashを使用しながら、Flashに関する基本的な12個の用語を解説する。使用するFlashのバージョンは、「CS4」。「CS4」をお持ちの方は、今回のテキストと図版、動画などをガイドに実際に操作してみてほしい。今回は2コマのパラパラマンガを作成する。 1 FLAファイル FLAファイルとは、Flashを作成するときの編集ファイルのこと。拡張子が、「.fla」になる。Macを使っている人も、拡張子として.flaを最後につけておこう。このファイルはWindowsと共通。 2 SWFファイル 拡張子が「.swf」のファイル。FLAファイルは、直接ブラウザでは表示できない。かならずSWFファイルに変換する必要がある。このときの変換作業をパブリッシュという。「FLAをパブリッシュしてSWFを作成する」という使い方をする。 3 バージョン Flashのバージョンには、3つの意味がある。ひと
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
【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
WEBサイト制作に必要なソフトウェア | Crownfrog
WEBサイトを制作する前に WEBサイト作りたい症候群 WEBサイト制作に必要なソフトウェア WEBメディアとしての注意点 各ブラウザでの表示チェック WEBサイト制作 WEBサイトをデザインする ユーザビリティを意識する 修正箇所が少ないWEBサイト設計 文字コードについて 画像ファイルについて 閲覧をよりスムーズにする 配色について CMYKとRGB 橙色の持つイメージ 無彩色の持つイメージ 紫色の持つイメージ 緑色の持つイメージ 色を選ぶ 色表現の問題 赤色の持つイメージ 青色の持つイメージ WEBサイトを公開する前に WEBサイトを公開するために 公開する情報について WEBサイトを公開する WEBサイトを公開する WEBサイトを更新する？ 検索サイト対策 Googleのサービス Googleを利用する問題点 ユーザ視点のSEOを意識する 検索エンジン最適化 検索サイトスパム 検索
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/07/web-design-trend2009.html
ウェブの画面設計に使えるまとめ - DesignWalker
http://www.designwalker.com/2009/04/wireframe-2.html
http://e0166nt.com/blog-entry-674.html
[CSS]スタイルシートの記述をより読みやすくする5つのルール
http://gerenuk.crazyphoto.org/2009/06/25/873/