といっても、まだまだHTML5の可能性や理解が難しい現状では
Flashは活躍しつづけそうです。
果たしてFlashは今後本当に必要とされなくなるのか...。
一方お葬式が行われたことがまだ記憶に新しいIE6ですが
愛用者が10%にも満たなくなった今でもクロスブラウザの範囲に入ってしまうこともしばしば。
クロスブラウザやタブレット、スマートフォン...。
Flashが良いのかHTML5がいいのか...現在が移行期で一番中途半端ですが、
HTML5で組むだけで「話題性」になる、ということにポイントを置くと
十分"アリ"と感じています。
(kana)
]]>
そのため、Web制作をとりまく環境も大きく変わりつつあります。
ひとつのPCサイト制作では終わらず、様々なデバイスに対応したサイト制作が必要となるわけで、
それだけアウトプットされる情報が多岐に渡り、サイト更新などの運用面でも大変なコストと労力が
かかってきてしまいます。
そこでCMSとの連携が大変重要になってくるのです。
今までは、情報の更新性を高めて容易に更新できるようにするのが
主な目的だったのに対して、今後はデータの一元管理という点で、
CMSは非常に貢献するツールになるのではないでしょうか。
下記サイトは大変参考になるケースです。
その他にも、MovableTypeを使った大学サイトやアパレル系サイトなども制作してますが、
今後もこのようなCMSの需要はより一層増えていくでしょう。
(takanosuke)
(yukari)
]]>その他のチュートリアルはこちらから
「40+ Impressive Photoshop Text Effects Tutorials」
まずはおなじみのPCの解像度。
1280×1024(SXGA)、1024×768(XGA)が今でも利用は多く、
ここを踏まえてページ幅を決めておけば無難、という印象です。
・XGA : 1024×768 (4:3)
・WXGA : 1280×800 (16:10)
・SXGA : 1280×1024 (5:4)
・HD : 1366×768 (16:9)
・WXGA+: 1440×900 (16:10)
・HD+ : 1600×900 (16:9)
・FHD : 1920×1080 (16:9)
・WUXGA: 1920×1200 (16:10)
・720×1280
・540×960
・480×800
・480×854
これに加えてiPhone、iPadのサイズを踏まえる必要がありますね。
・320×480 (主な機種:iPhone3G / 3GS 他)
・640×960 (主な機種:iPhone4 / Au IS03 他)
・768×1024 (主な機種:iPad / iPad 2)
・720×1280(主な機種:GALAXY NEXUS SC-04D 他)
・540×960(主な機種:htc EVO 3D 他)
・480×800 (主な機種:Galaxy S / Nexus One 他)
・480×854 (主な機種:Xperia (SO-01B) / Xperia arc (SO-01C) 他)
・600×1024 (Galaxy Tab)
■参考:Hacking My Way ? itogのhack日記 : Androidデバイスのディスプレイサイズ、DPI一覧
(masanori)
現在、スマートフォンは大きく分けて2つのOS(iOS、Android)があります。
OSごとの仕様の違いも重要ですが、
特に問題になる端末の違いは画面の解像度で、
iOSは960×640px(iPhone4とiPhone3Gは同じサイズで表示できる)
Androidは800×480px?(端末によってサイズがバラバラだが、横幅は480pxが基本)
と、表示サイズが大きく異なります。
さらにスマートフォンは画面を横に回転させることもできるので、
解像度が縦横反対になることも想定しておかなければいけません。
iPhone4を基準としたデザインからコーディングをした場合の注意点とその参考サイトをまとめました。
・画像のサイズ制限がある(GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル)
・Web Fonts は使えない。
・zoomプロパティを使用した場合、特定の条件で文字が拡大するバグ
[参考サイト]
PhoneのSafariブラウザにおける、色んな制限|FINE lab.
http://lab.fine-net.com/modules/wordpress2/index.php?p=15
iPhoneで特定のzoomとfont-sizeの際に文字サイズが拡大するバグ|to-R
http://blog.webcreativepark.net/2011/04/07-063417.html
(kazuki)
]]>設定を
○サイズ:2pixel
○塗りつぶしタイプ:パターン
○パターン:先ほど作ったパターン
にすると、出来上がりです。
ゼロから作ると時間がかかるボックスのあしらいも この方法だと少々の時間で出来るので便利です。 (今回使用している環境は、Photoshop CS5です。)
職業を理由に犯罪は起こしちゃいけませんね
普段の生活の中で「このテクスチャ使えるかも!」とバシバシ素材集めができるぐらいの...まずいいカメラを手に入れる事から始めねばいけませんが。
ネットからテクスチャに限らず素材をダウンロードする際は利用規約にご注意を。
(kana)
]]>第1回:ピンクを使いこなそう
http://lab.gpol.co.jp/graine/2011/04/web-1.php
第2回:模様を攻略!ひと味ちがうデザインへ
http://lab.gpol.co.jp/graine/2011/06/web-2-1.php
今回は2つの機能を紹介したいと思います。
(seishi)
(Masanori)