週刊Webテク通信
2020年5月第3週号 1位は,より柔軟なレスポンシブデザインが可能になるCSS関数のmin、max、clampを詳しく解説,気になるネタは,ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」
ネットで見かけたWebテク
1. Everything I Learned About min(), max(), clamp() In CSShttps:// ishadeed. com/ article/ css-min-max-clamp/
CSS関数のmin,
これらのCSS関数を使うことで,
起こりうる問題や実用的な例,
2. 7 best practices for using photography in UI design | Dribbble Design Bloghttps:// dribbble. com/ stories/ 2020/ 05/ 05/ 7-best-practices-photography-ui-design
UIデザインに写真を使うときのヒントを7つまとめています。
- 高品質な写真にこだわる
- ストック写真っぽくない写真を使う
- テキストを載せたとき十分なコントラストを保つ
- 関連性のある画像だけを使う
- 高い解像度の写真を使う
- 同じモチーフのものを繰り返し使う
- Less is more
(少ない方が豊かである)
3. The Pragmatic Designer: Local and Self Hosted Design Tools by Stéphanie Walter - UX designer & Mobile Expert.https:// stephaniewalter. design/ blog/ the-pragmatic-designer-local-and-self-hosted-tools-for-banking-insurance-and-other-institutions/
オンラインのデザインツールと,
チームの共同作業との親和性の高いオンラインのデザインツールが増えてきたものの,
そこで,
4. 3 Tips to Master a Minimalist Web Designhttps:// www. searchenginejournal. com/ minimalist-web-design/ 361934/
ミニマリストのウェブデザインをマスターするためのヒントをまとめた記事です。
以下の3つの項目に分けて解説しています。
- 視覚要素
- 色とコントラスト
- 空白
5. 20 Amazing Examples of Neumorphism - New Design Trends 2020 - Web Design Ledgerhttps:// webdesignledger. com/ 30-examples-of-neumorphism-design/
ニューモーフィズムの作品例を多数まとめています。リッチで新しい感じのするデザインばかりです。
この記事ではニューモーフィズムについて,
そのほか,
- Skypeのビデオ通話で背景を変更する方法 | ライフハッカー
[日本版]
従来の背景ぼかしに加え,バーチャル背景も使えるようになりました - Google、混沌のコミュニケーション系アプリ担当を1チームに統合 - ITmedia NEWS
ハングアウトやDuoがMeetに統合されることはないそうです - Googleのビデオチャット
「Duo」 に 「ファミリーモード」 やWebでのグループ通話機能を追加 - ITmedia NEWS
Google Meet同様にリンクを送ってビデオチャットをスタートできるようになります
先週の気になるWebサービス
everysize - Check your responsive webpage looks great in every size 🖥 💻 📱 👀https:// everysize. kibalabs. com/
everysizeはウェブページの複数画面サイズでの表示チェックをするサービスです。ブラウザ上でレスポンシブデザインの確認作業ができます。
ウインドウサイズは,
ちなみに,
今週の気になるWebネタ
ビデオ会議などの自己紹介に役立つ 「バーチャル名刺背景ジェネレーター」 - CNET Japanhttps:// japan. cnet. com/ article/ 35153317/
名刺形式のバーチャル背景が作れる
名刺管理サービス
国内外のいろんな企業がバーチャル背景用画像を配布して話題になりましたが,
バックナンバー
週刊Webテク通信
- 2020年5月第5週号 1位は,ウィンドウサイズが中途半端なときの「中間の」デザインが崩れる問題と対策,気になるネタは,ZOZO,Web会議向け“着るグリーンバック”Tシャツ発売 デジタルファッションを提案するページ開設で
- 2020年5月第4週号 1位は,古いCSSの問題に対する現代的なCSS解決策まとめ,気になるネタは,Housepartyは一緒にイベントを楽しむサービスでビデオチャットを超える
- 2020年5月第3週号 1位は,より柔軟なレスポンシブデザインが可能になるCSS関数のmin、max、clampを詳しく解説,気になるネタは,ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」
- 2020年5月第2週号 1位は,成功するワイヤーフレームの作り方,気になるネタは,ビデオ会議ツール「Google Meet」が個人でも無料で利用可能に/Facebookがビデオ会議機能「Messengerルーム」発表
関連記事
- 2021年1月第5週号 1位は,自分にはTailwind CSSが向かない理由,気になるネタは,反Facebookの「MeWe」が急成長--広告なし,プライバシー重視のSNS
- 2020年11月第4週号 1位は,デザインの一貫性についてのまとめ,気になるネタは,OPPO,巻取りスマホのコンセプトモデル「OPPO X 2021」を公開
- 2020年10月第5週号 1位は,CSSグリッドの完全版チュートリアル,気になるネタは,AdobeがiPad用IllustratorとiPhone用Frescoをリリース
- 2020年10月第4週号 1位は,UIデザインのためのユーザビリティの経験則10選,気になるネタは,グーグル検索,気になる曲をハミングすると曲名を教えてくれる新機能
- 2020年8月第3週号 1位は,ユーザー体験を向上させるCSSアニメーションについて,気になるネタは,「顔が明るく見えるライトや壁紙を購入」――“オンライン映え”気にするのは20代男性? 賢く見えるよう本の購入も