ネットで見かけたWebテク
1. Improving Your Website’s Mobile Design: Crucial Navigation Tips - Onextrapixelhttps://onextrapixel.com/improving-your-websites-mobile-design-crucial-navigation-tips/
モバイルサイトのデザインを改善する、
- シンプルにする
- キーボード入力をさせない
- アイコンに注意する
- 明確にする
- フィルタリングオプションを考慮する
- モバイル検索を改善する
2. The Newest Email Design Trends of 2017 – Really Good Emailshttps://explore.reallygoodemails.com/2017-email-design-trends-5911f819e7b2
メールデザインのトレンドをまとめた記事です。
- 可愛い背景にする
- 思い切ったフォントの扱い
- 絵文字
- テトリスのようにコンテンツを組み合わせる
- GIFアニメで宣伝する
- ボタンを振動させる
- 商品をミステリアスに見せる
- ネオンサイン
- インスタグラムのようなデザインにする
- タイトルとテキストとを横並びにする
- 印象に残る名言などの引用
3. Best Practices For Minimalism In Web Design. 15+ stunning exampleshttps://webdesignledger.com/best-practices-for-minimalism-in-web-design/
Webデザインにミニマリズムを取り入れるためのヒントを解説しています。
- 見事なビジュアル
- 大きく大胆かつ鮮明な写真
- 美しいコントラスト
- 効果的なタイポグラフィ
- シンプルなナビゲーション
- 余計なものをそぎ落とす
4. 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shackhttps://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/
CSSのテキストシャドウによる面白い効果を多数紹介しています。
複数のシャドウをかけることで、
5. Showcase of Parallax Scrolling Effects in Web Designhttps://line25.com/articles/showcase-of-parallax-scrolling-effects-in-web-design
視差スクロール効果の実例をまとめたショーケースです。背景が微妙に変化するものから、
CSSとjQueryで視差効果を実装するためのチュートリアル記事も2つ紹介しています。
そのほか、
“スマホ修理アイドル” があなたのiPhoneを直します! ゲオの新施策 - ITmedia Mobile
ゲオ契約社員の5人組ユニット「GEOアイドル部」 の1人がスマホ修理をするそうです - iOSのビデオ作成アプリ
「Clips」 に、 ディズニーとピクサーのキャラクターが登場 | TechCrunch Japan
Appleっぽくない気もしますが、動画にディズニーキャラクターを合成できます - 過去にタイムトラベルしたような写真を撮れる
「NHKのタイムマシン」 第1弾は戦前の広島 - ITmedia Mobile
NHK特設ブースを実際に訪れて写真を撮るという企画です
先週の気になるWebサービス
RSSUnify - Combine multiple RSS feeds for freehttps://rssunify.com/
RSSUnifyは、
MailChimpのようなニュースレター
オプションでタイトルや件数を設定できます。複数のRSSに同じ記事があった場合に、