ネットで見かけたWebテク
1. The Complete Web Design Style Series (700 Designs in 14 Categories) - Speckyboy Design Magazinehttp://speckyboy.com/2010/06/27/the-complete-web-design-style-series-700-designs-in-14-categories/
Webデザインのショーケースが14カテゴリ、
ブログ、
それぞれのカテゴリのショーケースは過去に公開された記事で、
Webデザインギャラリー専門のサイトもありますが、
![図1 Webデザインスタイルシリーズの完全版 図1 Webデザインスタイルシリーズの完全版](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_001.png)
2. 50 Powerful Time-Savers For Web Designers - Smashing Magazinehttp://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/
Webデザイナーの時間短縮につながるパワフルなツールを多数紹介しています。
便利なチェックリスト、
![図2 Webデザイナーのための時間短縮ツール 図2 Webデザイナーのための時間短縮ツール](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_002.png)
3. The Best Web Development Frameworkshttp://www.webdesignish.com/the-best-web-development-frameworks.html
PHP、
コメント欄でも、
![図3 Web開発のためのフレームワーク集 図3 Web開発のためのフレームワーク集](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_003.png)
4. CSS3 Rounded Image With jQueryhttp://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/
CSS3の角丸とボックスシャドウを画像に対して使う場合のテクニックを紹介しています。
img要素に角丸とボックスシャドウを同時に適用した場合、
画像一つ一つを背景画像に変更する設定をするのは面倒なので、
img要素に
- img要素から画像ファイルのパス、
幅、 高さを取得して、 背景画像を設定したspan要素を生成 - img要素に
「opacity:0」 を指定して透明に
という処理を行ってくれます。
![図4 CSS3による画像の角丸処理のテクニック 図4 CSS3による画像の角丸処理のテクニック](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_004.png)
5. iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.nethttp://kachibito.net/software/open-source/sencha-touch.html
HTML5モバイルアプリ用フレームワーク
Sencha Touchは、
Ajaxアプリケーションを構築するためのJavaScriptフレームワークとして有名な、
![図5 モバイルアプリ用フレームワーク Sencha Touch 図5 モバイルアプリ用フレームワーク Sencha Touch](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_005.png)
そのほか先週の記事から、
- GoogleドキュメントにPDF、
画像内の文字を抽出できる機能が登場 : ライフハッカー [日本版]
GoogleドキュメントにOCR機能が追加されたそうです。日本語もOKらしいという情報も。 「HTML5 Rocks」 だけじゃない、 ブラウザ各社のHTML5チュートリアルを集めました - Publickey
ブラウザ各社が提供するHTML5に関するページを紹介しています。
先週の気になるWebサービス
iPadZine - 無料の電子書籍投稿サービスhttp://www.ipad-zine.com/
「iPadZine」
PDFやEPUB形式のファイル、
電子書籍を読むのは、
作成した電子書籍は、
iPadの登場で電子書籍関連の動きが激しく、
「パブー」
![図6 iPad向け電子書籍の投稿&ダウンロードサービス iPadZine 図6 iPad向け電子書籍の投稿&ダウンロードサービス iPadZine](/assets/images/design/clip/01/weekly-web-tech/201007/08/thumb/TH800_006.png)