ネットで見かけたWebテク
1. Best Practices For Hero Images | Creative Cloud blog by Adobehttps://blogs.adobe.com/creativecloud/best-practices-for-hero-images/
良いヒーローイメージ
- 関連性を持たせる
- 中心的存在となる画像にする
- 感情に訴える説得力のあるイメージを選ぶ
- できるだけ速く読み込まれて表示される
- 高解像度のビジュアルのみを使う
- さまざまな画面サイズを考慮する
- コールトゥアクション
(行動喚起) を強調する - コントラストをつけるためにデザインする
- 本物の人物の写真を使う
- イラストを使うことも検討する
![図1 良いヒーローイメージを作るためのヒント 図1 良いヒーローイメージを作るためのヒント](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_001.png)
2. 10 Awesome CSS Button Libraries & Collectionshttps://speckyboy.com/css-button-libraries/
CSSボタンのライブラリやコレクションをまとめた記事です。簡単に実装できるボタンのCSSを多数掲載しています。
立体的なボタン、
![図2 CSSボタンのライブラリやコレクションいろいろ 図2 CSSボタンのライブラリやコレクションいろいろ](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_002.png)
3. 3 Essential Design Trends, June 2017 | Webdesigner Depothttps://www.webdesignerdepot.com/2017/06/3-essential-design-trends-june-2017/
3つの重要なデザイントレンドについて、
- 小さなテキスト
- 幾何学図形のレイヤー
- ぼかした画像
![図3 3つの重要なデザイントレンド 図3 3つの重要なデザイントレンド](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_003.png)
4. The Best Free Support Sites & Communities For Web Developershttps://1stwebdesigner.com/best-free-support-sites-web-developers/
ウェブデザイナーの問題解決に役立つサポートサイトやコミュニティを多数紹介しています。
ウェブデザインや開発者のためのQ&Aサイトやフォーラム、
![図4 Webデザイナーのためのサポートサイトやコミュニティ 図4 Webデザイナーのためのサポートサイトやコミュニティ](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_004.png)
5. How to Create Medium-Like Floating Action Menu - Hongkiat.comhttp://www.hongkiat.com/blog/create-medium-floating-action-menu/
Mediumのようにテキストを選択するとその上に現れるメニューの作り方を解説しています。
選んだ文字列をTwitterにツイートするフローティングアクションメニューのコードが掲載されています。
![図5 Mediumのようなフローティングアクションメニューの作り方 図5 Mediumのようなフローティングアクションメニューの作り方](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_005.png)
そのほか、
- AppleがBusiness Chatを発表、
iMessageの中でカスタマーサービスへのアクセスや買い物もできる | TechCrunch Japan
企業などが問合せの窓口としてiMessageを使えるようになります - スマホアプリ・
Webサイト向けのクラウド型テストサービス | マイナビニュース
アプリやサイトに対するサービス改善要望や不具合をユーザー視点で廉価に抽出できるとのことです - Amazon、
クラウドストレージの無制限プランを終了 | TechCrunch Japan
写真を無制限に保存できるPrimeメンバー向けの「Prime Photo」 は継続されます
先週の気になるWebサービス
Font-familyメーカー:標準フォント一覧からサクッと指定https://saruwakakun.com/font-family
「Font-familyメーカー」
Windows、
Facebook、
![図6 CSSのfont-familyの記述を簡単に行えるサービス 図6 CSSのfont-familyの記述を簡単に行えるサービス](/assets/images/design/clip/01/weekly-web-tech/201706/15/thumb/TH800_006.png)