ネットで見かけたWebテク
1. 4 Design Patterns That Violate Back-Button Expectations - Articles - Baymard Institutehttp://baymard.com/blog/back-button-expectations
ブラウザの
「戻るボタン」
- オーバーレイ表示とライトボックス
- 絞り込み、
並び替え - アコーディオンスタイルのチェックアウト
- Ajaxによるページ切り替え
スクリプトで表示が切り替わり、
3つ目のアコーディオンスタイルのチェックアウトとは、
HTML5のHistoryAPIを使うと、
![図1 ブラウザの「戻るボタン」が効かない4つのデザインパターン 図1 ブラウザの「戻るボタン」が効かない4つのデザインパターン](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_001.jpg)
2. UI Design Dos and Don'ts - Apple Developerhttps://developer.apple.com/design/tips/
Appleが提供する、
- インタラクティブ性
- 読みやすさ
- グラフィックス
- 明快さ
といった項目に分けて、
![図2 iOSのUIデザインの良い例/悪い例 図2 iOSのUIデザインの良い例/悪い例](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_002.jpg)
3. jQuery A+ pluginhttp://japlus.simplit.it/
リンクに対して便利な機能を付加する、
別ウィンドウで開くリンクにしたり、
![図3 リンクに便利な機能を付加するjQueryプラグイン 図3 リンクに便利な機能を付加するjQueryプラグイン](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_003.jpg)
4. Useful PSD Mockup Templates To Showcase Your UI Designshttp://www.designyourway.net/blog/resources/useful-psd-mockup-templates-to-showcase-your-ui-designs/
Photoshop形式のモックアップ用テンプレートを多数紹介しています。
iPhone、
ちなみに、
![図4 Photoshop形式のモックアップ用テンプレートいろいろ 図4 Photoshop形式のモックアップ用テンプレートいろいろ](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_004.jpg)
5. Best Places to Find Free Images Online - dustn.tvhttp://dustn.tv/find-free-images/
フリーの写真素材を探せるサイトをまとめています。
「Essential Guide to Sharing Images Online」
![図5 フリーの写真素材を探せるサイトいろいろ 図5 フリーの写真素材を探せるサイトいろいろ](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_005.jpg)
そのほか、
- Iconion: New Tool Converts Icon Fonts To Icon Files - noupe
アイコンフォントからアイコン画像を作れるデスクトップアプリの紹介記事です - Best spreadsheet apps for iPad: Numbers, Google Drive, GoDocs, and more! | iMore
iPad用の表計算アプリを各種紹介しています - [iPad]pentotype: iPadだけでアプリの構想からモックアップ作成まで可能。配布もできます。無料 - たのしいiPhone! AppBank
iPadでiPhoneアプリのモックアップが作れるアプリの紹介です
先週の気になるWebサービス
さくら情報 - ウェザーニュースhttp://weathernews.jp/sakura/
「さくら情報」
「SakuraSimulator」
そして、
このウェザーニュースによる
![図6 桜の開花情報サービス 図6 桜の開花情報サービス](/assets/images/design/clip/01/weekly-web-tech/201403/27/thumb/TH800_006.jpg)