ネットで見かけたWebテク
1. Pixel Perfection When Rotating, Pasting And Nudging In Photoshop - Smashing Magazinehttp://www.smashingmagazine.com/2011/04/14/mastering-photoshop-pixel-perfection-when-rotating-pasting-and-nudging/
Photoshopで、
不自然にアンチエイリアスがかかったり、
と、
について解説しています。なるほどという内容なので、
(1)、
回転させた結果、
また、
Illustrator上でピクセルベースで作ったベクター画像をPhotoshopにシェイプレイヤーとしてペーストする場合、
また、
(3)
新規ウィンドウを作り100%表示と拡大表示の2つのウィンドウを開いた状態にして、
![図1 Photoshopでピクセル単位できっちり回転/ペースト/移動させる方法 図1 Photoshopでピクセル単位できっちり回転/ペースト/移動させる方法](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_001.png)
2. 16 Unusual Ways to Build Great Wordpress Websites - tripwire magazinehttp://www.tripwiremagazine.com/2011/04/16-unusual-ways-to-build-wordpress-websites-web-designers-should-know.html
ブログ以外の用途にWordPressを使った例を多数紹介しています。
13種類の例を挙げた
そのときには紹介されていない事例を以下に挙げます。
- ソーシャルネットワーキングサイト
- 会員サイト
- チケットシステム
(トラブル処理の情報管理などのシステム) - ECサイト
- グループワークのためのサイト
- オンラインマガジン
- ニュースポータル
- 商品レビューサイト
その用途を実現するためのテーマへのリンクが紹介されているものもあって便利です。
![図2 ブログ以外の用途にWordPressを使った例 図2 ブログ以外の用途にWordPressを使った例](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_002.png)
3. 40 Facebook Fan Page Designs and Practices | inspirationfeed.comhttp://inspirationfeed.com/2011/04/40-facebook-fan-page-designs-and-practices/
Facebookページのデザインショーケースと、
より凝ったFacebookページを作るためのテンプレートやFacebookアプリ、
![図3 Facebookページのデザイン例と情報源 図3 Facebookページのデザイン例と情報源](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_003.png)
4. CSS3 Patterns Galleryhttp://leaverou.me/css3patterns/
画像を使わずCSS3だけで作ったパターン画像のギャラリーです。
繰り返しパターンの背景画像として使うことを想定しており、
選択すると、
![図4 CSS3で作ったパターン画像いろいろ 図4 CSS3で作ったパターン画像いろいろ](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_004.png)
5. Using Photos in Web Design, Excellent Examples for Inspiration - DesignModohttp://designmodo.com/using-photos-in-web-design-excellent-examples-for-inspiration/
大きな写真画像を背景に使ったWebデザインのギャラリーです。
ブラウザサイズを変更しても、
![図5 大きな写真画像を使ったWebデザインのギャラリー 図5 大きな写真画像を使ったWebデザインのギャラリー](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_005.png)
そのほか、
- Web Design Evolution: Two Decades of Innovation [INFOGRAPHIC]
Webデザイン技術の進化の20年史をインフォグラフィックにまとめています。 - iPhone Painters Japan: WacomからiPad向けスタイラスペンが登場
WacomからBambooのブランドでiPad向けスタイラスペンがお披露目されたそうです。 - iPadで本を貸し出し 電子図書館サービス
「武雄市MY図書館」 スタート - はてなブックマークニュース
専用アプリで本を借りられ、貸出期間を過ぎると閲覧できなくなるそうです。
先週の気になるWebサービス
24-bit PNG to 8-bit PNG with alphahttp://www.8bitalpha.com/
アルファチャンネル付きの24bitのPNG
ドラッグ&ドロップで24bit PNGをアップロードすると、
8bit PNGにすると、
このサイトの解説によると、
![図6 24bitの透過PNGを8bitの透過PNGにする変換ツール 図6 24bitの透過PNGを8bitの透過PNGにする変換ツール](/assets/images/design/clip/01/weekly-web-tech/201104/21/thumb/TH800_006.png)