ネットで見かけたWebテク
1. 5 User Experience Principles to Help Guide Your Workhttps://www.uxpin.com/studio/blog/heuristic-evaluation-design/
ユーザー体験の原則をまとめた記事です。
- ユーザーは自分がどこにいるかを知っている必要がある
- ユーザーインターフェイスを一貫性があり美しいものにする
- 読む、
待つ、 暗記する必要性を減らす - エラーを防ぎ、
アクションは取り消しできるようにする - 経験豊富なユーザーのための機能を提供し、
新規ユーザーにも配慮する
![図1 ユーザー体験の原則を5つ紹介 図1 ユーザー体験の原則を5つ紹介](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_001.png)
2. Design Trend: Gaussian Blur | Design Shackhttps://designshack.net/articles/trends/gaussian-blur/
半透明のすりガラスのような効果を使ったグラスモーフィズムや背景ボケなど、
- ガウスぼかしとは何か
- デザイントレンドの特徴
- ガウスぼかしを使う7つの方法
- ガウスぼかしのツールと情報源
![図2 Webデザインで流行しているガウスぼかしについて 図2 Webデザインで流行しているガウスぼかしについて](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_002.png)
3. 10 CSS & JavaScript Snippets for Creating the Parallax Scrolling Effecthttps://speckyboy.com/css-javascript-parallax-scrolling/
視差スクロール効果を作成するためのCSS&JavaScriptのコード集です。
CSSだけで実現したもの、
![図3 視差スクロール効果のスニペット集 図3 視差スクロール効果のスニペット集](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_003.png)
4. 3 Essential Design Trends, July 2021 | Webdesigner Depot Webdesigner Depot » Blog Archivehttps://www.webdesignerdepot.com/2021/07/3-essential-design-trends-july-2021/
2021年7月のデザイントレンドをまとめています。
- 配色が面白いモノトーンのカラーパレット
- ブルータリズム風で白黒の配色
- 未来的な顔
3はAIの生成した顔やサイボーグ風に加工された顔写真などのことですが、
![図4 2021年7月のデザイントレンド3つ 図4 2021年7月のデザイントレンド3つ](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_004.png)
5. Essential CSS concepts every designer should know | by Reinoud Schuijers | Jul, 2021 | UX Collectivehttps://uxdesign.cc/essential-css-concepts-every-designer-should-know-f8295497c5ae
CSSの重要な概念について、
- 親と子
- マージン
(パーソナルスペース) - パディング
(毛皮) - フレックスボックス
(分布) - 相対と絶対
3のパディングを毛皮のコートに例えるのは面白いですね。
![図5 CSSの重要な概念を図解で解説 図5 CSSの重要な概念を図解で解説](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_005.png)
そのほか、
「クリエイター支援を社会のテーマに」 note、 BASE、 UUUMが業界団体 規制緩和や中傷対策を議論 - ITmedia NEWS
クリエイターを支援する環境作りを進めてくれるようです- ヤフー、
米国側とのライセンス契約終了へ ロイヤリティーなしで 「Yahoo!」 ブランド利用可能に - ITmedia NEWS
ブランド名だけでなく技術ライセンスも含むそうですが1785億円を払うとのこと 「github」 のスペルが間違っていることを伝える 「guthib. com」 というサイトがある:明日から使えるITトリビア - ITmedia NEWS
Githubが類似のドメインも取得しているのかと思ったら、そうじゃないらしいというオチでした
先週の気になるWebサービス
Notion Charts - Customizable Charts from your Notion Tableshttps://notioncharts.io/
Notion ChartsはNotionに埋め込めるグラフを作れるサービスです。Notionで作ったデータベースを元に、
Notionのアカウントと連携して、
データベースの数値を変更した場合にはNotion上でグラフを更新できます。ダークモードにも対応しています。無料版ではグラフは2つまで扱え、
![図6 Notionのデータベースを元にグラフを作ってNotionに埋め込めるサービス 図6 Notionのデータベースを元にグラフを作ってNotionに埋め込めるサービス](/assets/images/design/clip/01/weekly-web-tech/202107/15/thumb/TH800_006.png)