週刊Webテク通信
2021年6月第4週号 1位は,CSSでの縦横比の設定方法,気になるネタは,Spotifyがライブオーディオアプリ「Greenroom」を提供開始,Clubhouseのライバル誕生
ネットで見かけたWebテク
1. Let's Learn About Aspect Ratio In CSS - Ahmad Shadeedhttps://ishadeed.com/article/css-aspect-ratio/
CSSで縦横比を指定する
実際のコーディング例が豊富でとても参考になります。
2. Visual Design Principles in UX - Drawerhttps://drawer.design/blog/visual-design-principles-in-ux/
UXにおけるビジュアルデザインの原則を解説しています。
- スケール
- コントラスト
- バランス
- ゲシュタルト
- 見た目での優先順位
ゲシュタルト原理は,
3. Want to Design a Stunning Website? 9 Tips to Impress Your Clienthttps://www.makeuseof.com/design-stunning-websites/
クライアントを感動させる魅力的なウェブサイトをデザインするためのヒントです。
- 整理整頓された最小限のデザイン
- ファーストビューのコンテンツを特に大切にする
- コールトゥアクションボタンを一定間隔で配置する
- 読みやすく見やすいコンテンツを提供する
- ユーザーを引きつける見出しを作る
- 読み込み速度に気をつける
- 見た目の優先順位に沿ってデザインする
- 快適なナビゲーションを提供する
- 人物の写真など視覚的な手がかりとなるものを加える
- いろいろなデバイスに対応する
4. Making Tables With Sticky Header and Footers Got a Bit Easier | CSS-Trickshttps://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/
ヘッダとフッタを固定したテーブルの作り方を紹介した記事です。
テーブルのヘッダとフッタを
5.Predesignhttps://predesign.me/
WebデザインやアプリのUIデザインに役立つ,
紙にプリントアウトして使うためのものですが,
そのほか,
- グーグルが
「Workspace」 をすべての人に無料開放, アプリ間の統合がさらに深化, 個人向け新有料プランも | TechCrunch Japan
Workspaceの知名度は日本では意外と低いので,さらなる普及のきっかけになると思います - Spotify,
AI採用Podcast発見ツールのPodzを買収 - ITmedia NEWS
Spotifyに統合されるとのことで,日本のポッドキャストに対応するのが楽しみです - アップル,
「Podcastサブスクリプション」 を提供開始 - CNET Japan
月額49セント(約54円) から料金を設定でき, 年額での課金もできるとのこと
先週の気になるWebサービス
Dive Into the World of Colors | colors.toolshttps://www.colors.tools/
ColorsはアートワークやWebインターフェイスに適した色を探すことができるサービスです。6つのツールに分かれていて無料で利用できます。
- 調和の取れた2色~4色のパレットを作れる Color Harmonies
- 色のカラーコードやRGB値などの値を取得できる Color Details
- 2つの色から中間色をつくれる Color Mixer
- 色調を変えたパレットを作れる Tones
- 色合いを変えたパレットを作れる Tint and Shades
- 明るさと暗さを変えたパレットを作れるLighten and Darken
シンプルでわかりやすいユーザーインターフェイスです。作ったカラーパレットを出力する機能はなく,
今週の気になるWebネタ
Spotifyがライブオーディオアプリ「Greenroom」を提供開始,Clubhouseのライバル誕生 | TechCrunch Japanhttps://jp.techcrunch.com/2021/06/17/2021-06-16-spotify-launches-its-live-audio-app-and-clubhouse-rival-spotify-greenroom/
SpotifyからClubhouseのようなアプリGreenroomが登場しました。以前買収したLocker Roomをベースに機能強化し,
ClubhouseもTwitterスペースもソーシャルな繋がりができている中,
録音機能が用意されているのも,
バックナンバー
週刊Webテク通信
- 2021年6月第4週号 1位は,CSSでの縦横比の設定方法,気になるネタは,Spotifyがライブオーディオアプリ「Greenroom」を提供開始,Clubhouseのライバル誕生
- 2021年6月第3週号 1位は,フォントは5種類あれば十分という主張と選び方,気になるネタは,Apple Musicが空間オーディオとロスレスオーディオの提供を開始
- 2021年6月第2週号 1位は,Webデザインを改善するための6つの方法,気になるネタは,5月モバイルSNSシェア、Twitter・Pinterest・Facebookが強い日本
- 2021年6月第1週号 1位は,UIとUXのちょっとしたテクニック,気になるネタは,Google,Googleフォトの5月末の無制限無料終了に向けて「高画質」の呼び方を変更
関連記事
- 2022年3月第2週号 1位は,中国語と英語でのアプリUIの違いの考察,気になるネタは,LAN用メッセンジャー「IP Messenger」に初の商用版Pro
- 2022年3月第1週号 1位は,有名サービスのアプリやサイトのUIにダメ出し,気になるネタは,Instagramの「リール動画」,Facebookでも利用可能に
- 2021年12月第3週号 1位は,ダークUIをデザインするためのベストプラクティス,気になるネタは,「Microsoft Edge」で「Google Chrome」を検索・ダウンロードしようとすると広告がうざいと話題に
- 2021年10月第3週号 1位は,プロトタイプによってユーザーエクスペリエンスを最適化するヒント,気になるネタは,情報共有ツール「notion」日本語対応 日本ユーザー急増で
- 2021年8月第3週号 1位は,モバイルファーストとデスクトップファーストの現状,気になるネタは,Zoom,生徒は先生の顔しか見えなくなるバーチャル授業向け機能を追加