週刊Webテク通信
2011年3月第2週号 1位は,iPadの登場で変わったWebデザインのトレンド,気になるネタは,アドビ,FlashをHTML5に変換するツール「Wallaby」発表
ネットで見かけたWebテク
1. How Web Design Trends Change With the Advent Of iPad? - Web Design Firmhttp://www.cyberdesignz.com/blog/website-design/how-web-design-trends-change-with-the-advent-of-ipad/
iPadの登場により,
「iPad化
MobileMeのインターフェイスがリニューアルしていたのは知らなかったのですが,
iPadでも見られることを考慮したWebデザインのヒントとして,
- JavaScriptとCSSを組み合わせて使う
- 複雑なデザインより,
インタラクティブで直感的なデザイン - いろいろなプラットフォームに対応した柔軟性のあるWebサイト
2. The Ultimate 20 Usability Tips for Your Website | SpyreStudioshttp://spyrestudios.com/the-ultimate-20-usability-tips-for-your-website/
Webサイトのユーザビリティについての20のヒントです。
以下に一部の見出しを抜粋して紹介します。
- 頻繁に更新できるような構造にする
- ロゴは左上,
メニューはその右か下 - 検索ボックスは上部の左か右
- メニューの項目数はできるだけ少なく
- 名称,
ロゴ, タグラインを常に上部に - ページのURLを短く分かりやすいものに
3. 待望のfacebookアプリ,StaticHTMLの使い方 | facebookApps JAPANhttp://facebookapps.jp/statichtml/
Facebookページをカスタマイズするための定番アプリケーションStaticFBMLが廃止されるそうで,
(※3月11日以降追加できなくなるとされていたStaticFBMLですが,
StaticFBMLを使うとHTMLタグがほぼ使えるようになるので,
iFrameを使っても同様のことができるのですが,
そこで登場したのが,
4. 35 Websites with Outstanding Use of Textures | Vandelay Design Bloghttp://vandelaydesign.com/blog/galleries/texture-websites/
テクスチャーを使ったすばらしいWebサイトのギャラリーです。テクスチャーが目立つように一部が拡大されて掲載されていますが,
薄く使ったテクスチャーでも,
5. 30 Examples of Big Backgrounds in Web Design - Round 2 | Inspirationhttp://webdesignledger.com/inspiration/30-examples-of-big-backgrounds-in-web-design-round-2
大きな背景のWebデザインのギャラリーです。
この手のサイトは,
そのほか,
- 電子書籍フォーマットの本命,
「EPUB」 をいまのうちに理解しておく - Publickey
EPUBとくにEPUB3について基本的なところについてまとめてあります。 【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる? " ?メリット・ デメリットを徹底研究! - livedoor ディレクターブログ
HTML5とCSS3でどんなことができるのか,実例をいくつか紹介しています。 - プロジェクト管理ツール
「Basecamp」 の使い方 | Webクリエイターボックス
実は気になってたという人が多いBasecampの解説記事です。表示言語を日本語にできるのは知りませんでした。
先週の気になるWebサービス
CSSWARP - CSS Text to Path Generatorhttp://csswarp.eleqtriq.com/
CSS3を使った曲線状のテキストを作成できるWebサービスです。
Illustratorのようなインターフェイスで曲線に沿ったテキストを作成し,
CSSでの実現方法は単純で,
これを手作業で指定するのは大変なので,
現実的には画像にしたほうがいいのでしょうが,
Googleの提供しているWebフォントも使えるようになっているので,
今週の気になるWebネタ
アドビ,FlashをHTML5に変換するツール「Wallaby」発表 - CNET Japanhttp://japan.cnet.com/news/service/20427139/
FlashのアニメーションをHTML5に変換するツール
複雑なインタラクションがあるムービーを変換できるわけではなく,
描画要素,
バックナンバー
週刊Webテク通信
- 2011年3月第4週号 1位は,デザイナーのためのコミュニティサイト10選,気になるネタは,Mozilla,Firefox 4の正式版を公開
- 2011年3月第3週号 1位は,HTMLメールを作るためのテクニックとギャラリー,気になるネタは,グーグル,「Chrome」ロゴを刷新--より2次元的で幾何学的に
- 2011年3月第2週号 1位は,iPadの登場で変わったWebデザインのトレンド,気になるネタは,アドビ,FlashをHTML5に変換するツール「Wallaby」発表
- 2011年3月第1週号 1位は,ハイクオリティなフリーのデザイン素材いろいろ,気になるネタは,iPad 2はHDビデオ撮影ができるカメラ搭載
- 2011年2月第4週号 1位は,大きく目立つボタンのショーケース,気になるネタは,ニンテンドーDSi用のBASICが登場
関連記事
- 2022年3月第3週号 1位は,成功するフッターに必要な5つの要素,気になるネタは,アップルの新27インチStudio Displayはほぼ本体のないiMac
- 2022年2月第4週号 1位は,フォームの種類8つとそれをデザインするためのヒント,気になるネタは,ソニー,穴のあいた完全ワイヤレスイヤホン「LinkBuds」--聴きながら聞こえる体験へ
- 2021年10月第3週号 1位は,プロトタイプによってユーザーエクスペリエンスを最適化するヒント,気になるネタは,情報共有ツール「notion」日本語対応 日本ユーザー急増で
- 2021年8月第2週号 1位は,Font AwesomeがデザインツールをFigmaに変えた理由,気になるネタは,Google Nestの新製品,ネットワークカメラとカメラ付きドアホンが2万円台で発売
- 2021年8月第1週号 1位は,UI/UXのちょっとしたテクニックいろいろ,気になるネタは,ザッカーバーグ氏は110兆円規模のフェイスブックを「メタバース」企業にすると投資家に語る