週刊Webテク通信
Webデザインやサイト制作に役立つ記事やニュースをセレクトして毎週紹介します。WebテクはWebテクニック・Webテクノロジーの略です。Webテク関連の情報はやはり英語記事が充実しているので，英語記事を中心に紹介しています。自動翻訳などを使いつつ元記事をチェックしていただきたいです。
- 2021年12月第2週号 1位は，主要OSのデザインから探るUIデザインのトレンド，気になるネタは，ジャック・ドーシー氏のモバイル決済企業Square，社名をBlockに変更
- 1. UI design trends of today and how to apply them in your apps | by Sidney Alcantara | Nov, 2021 | Bootcamp
- 2. 2021 Design Tools Survey | UX Tools
- 3. 2022 Color Trends: The Year's Top Colors – Shutterstock
- 4. 3 Essential Design Trends, December 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Fresh Resources for Web Designers and Developers (November 2021) - Hongkiat
- 先週の気になるツール／サービス
- Centered - Get Your Life Back
- 今週の気になるWebネタ
- ジャック・ドーシー氏のモバイル決済企業Square，社名をBlockに変更 - ITmedia NEWS
2021年12月9日
- 2021年12月第1週号 1位は，WebデザインとUIのトレンドまとめ，気になるネタは，動画プラットフォーム「LINE VOOM」，Androidで提供開始
- 1. Top Web Design and UI Trends for 2022 - Designmodo
- 2. UI & UX Micro-Tips: Volume Ten
- 3. Our favourite design systems and what makes them good | Wippy
- 4. Trying no-code tools as a designer | by Megan Ng | Nov, 2021 | UX Collective
- 5. Swiffy Slider - Responsive and Mobile Touch Carousel
- 先週の気になるツール／サービス
- Grapevine | 3D virtual worlds
- 今週の気になるWebネタ
- 動画プラットフォーム「LINE VOOM」，Androidで提供開始--「タイムライン」を一新 - CNET Japan
2021年12月2日
- 2021年11月第3週号 1位は，2022年のWebデザインのトレンド22項目，YouTubeがすべての動画の「低く評価」数を非公開に
- 1. 22 inspiring web design trends for 2022 | Webflow Blog
- 2. Jimmy Lollipop - 8 UI/UX tips about password design
- 3. 100% Free Forms Library - Copy & Paste Code Examples | HeroTofu
- 4. CSS loaders and Spinners
- 5. Top 20 Free Design Resources Website For Graphic Designers In 2021
- 先週の気になるツール／サービス
- You.com
- 今週の気になるWebネタ
- YouTubeがすべての動画の「低く評価」数を非公開に | TechCrunch Japan
2021年11月18日
- 2021年11月第2週号 1位は，認知心理学がユーザーインターフェイス設計に重要な理由，気になるネタは，バルミューダ，開発中の5Gスマホの外観をチラ見せ 11月16日に発表へ
- 1. Psychology is your superpower to design user-centred interfaces | by Jerome Kalumbu | Nov, 2021 | UX Collective
- 2. Designing Excellent Website Navigation (5 Ideas) - Hongkiat
- 3. Goodbye CSS Modules, Hello TailwindCSS
- 4. Email Design Trends for 2022 - Designmodo
- 5. 20 Awesome Figma Plugins to improve your Workflow
- 先週の気になるツール／サービス
- Beautiful code screenshots - Showcode
- 今週の気になるWebネタ
- バルミューダ，開発中の5Gスマホの外観をチラ見せ 11月16日に発表へ - ITmedia NEWS
2021年11月11日
- 2021年11月第1週号 1位は，ユーザー体験のダークパターンについて知っておくべきこと，気になるネタは，Facebookの新社名は「Meta」に メタバースに注力
- 1. Dark Patterns in UX: What you Should Know
- 2. 3 Essential Design Trends, November 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. Icon Trends in 2021 | Everything You Need To Know - Iconscout Blogs
- 4. The Button Cheat Sheet
- 5. 8 CSS & JavaScript Snippets for Creating Incredible Lighting & Shading Effects
- 先週の気になるツール／サービス
- Lorem.space - placeholder image generator
- 今週の気になるWebネタ
- Facebookの新社名は「Meta」に メタバースに注力 - ITmedia NEWS
2021年11月4日
- 2021年10月第4週号 1位は，効果的なランディングページをデザインするための5つの重要事項を例，気になるネタは，Apple Musicに「Voice Plan（ボイスプラン）」が登場 日本を含む17地域で2021年秋にサービス開始：Siri専用
- 1. 5 Pillars of Effective Landing Page Design
- 2. A Deep Dive Into object-fit And background-size In CSS — Smashing Magazine
- 3. Microinteraction in Design and Tips to Improve Your UX by Gapsy
- 4. The start of a new era for Responsive Web Design | by Francois Brill | Oct, 2021 | UX Collective
- 5. uiGradients - Beautiful colored gradients
- 先週の気になるツール／サービス
- CSS backgrounds
- 今週の気になるWebネタ
- Apple Musicに「Voice Plan（ボイスプラン）」が登場 日本を含む17地域で2021年秋にサービス開始：Siri専用 - ITmedia Mobile
2021年10月28日
- 2021年10月第3週号 1位は，プロトタイプによってユーザーエクスペリエンスを最適化するヒント，気になるネタは，情報共有ツール「notion」日本語対応 日本ユーザー急増で
- 1．What Is a Prototype: A Guide to Functional UX
- 2．Smart CSS Solutions For Common UI Challenges — Smashing Magazine
- 3．Expandable Sections Within a CSS Grid | CSS-Tricks
- 4．Skeleton Screen Loading Animation using HTML & CSS - DEV Community
- 5．20+ Best Adobe XD Website Templates (Free & Pro) | Design Shack
- 先週の気になるツール／サービス
- Free forms & site builder Zapof
- 今週の気になるWebネタ
- 情報共有ツール「notion」日本語対応 日本ユーザー急増で - ITmedia NEWS
2021年10月21日
- 2021年10月第2週号 1位は，Figmaでのデザイン作業をスピードアップする方法，気になるネタは，InstagramがIGTVブランドを廃止，リール以外のビデオを「Instagram Video」フォーマットに統一
- 1. 9 Figma Design System Tips. - Marc Andrew
- 2. The Challenge of Designing Websites for Large Screens
- 3. 3 Essential Design Trends, October 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Conditional Border Radius In CSS - Ahmad Shadeed
- 5. Scroll Shadows With JavaScript | CSS-Tricks
- 先週の気になるツール／サービス
- Doodle Ipsum
- 今週の気になるWebネタ
- InstagramがIGTVブランドを廃止，リール以外のビデオを「Instagram Video」フォーマットに統一 | TechCrunch Japan
2021年10月14日
- 2021年10月第1週号 1位は，グラフィックデザインからUI／UXデザインに移行するためのガイド，気になるネタは，Dropbox，テレワーク環境向け3つの新製品 - 動画コラボレーションなど
- 1. Graphic Design to UI/UX: A Comprehensive Guide to Transitioning
- 2. Top Tips on How To Make a Typography by Gapsy Studio
- 3. 20 Best New Sites, September 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Flowrift - Beautifully designed Tailwind CSS UI blocks.
- 5. Actionable Color Palettes
- 先週の気になるツール／サービス
- Searchable
- 今週の気になるWebネタ
- Dropbox，テレワーク環境向け3つの新製品 - 動画コラボレーションなど | マイナビニュース
2021年10月7日
- 2021年9月第5週号 1位は，UXデザインのグローバル化についてのヒント，気になるネタは，米Slackが動画を簡単に作成・共有できる新機能などを発表
- 1. Globalizing Your UX Designs | by Nicole Assini | Indeed Design
- 2. The Pros and Cons of Tailwind CSS | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. Pattern #1 - Basic Pattern Repository
- 4. cccreate → carefully curated collection of tools for web creators
- 5. UI Interactions & Animations Roundup #19 | Codrops
- 先週の気になるツール／サービス
- StreamYard
- 今週の気になるWebネタ
- 米Slackが動画を簡単に作成・共有できる新機能などを発表 | TECH+
2021年9月30日
- 2021年9月第4週号 1位は，UIデザインにアイコンを使うときに守るべき10のルール，気になるネタは，音楽機器のズーム社，商標権侵害でWeb会議「Zoom」提供のNECグループ会社を提訴
- 1. 10 iconography rules to follow in UI design | Dribbble Design Blog
- 2. Designing Beautiful Shadows in CSS
- 3. Minding the "gap" | CSS-Tricks
- 4. Colors & Fonts
- 5. 20 Extremely Creative Web Layouts
- 先週の気になるWebサービス
- 個人情報テストデータジェネレーター
- 今週の気になるWebネタ
- 音楽機器のズーム社，商標権侵害でWeb会議「Zoom」提供のNECグループ会社を提訴 「和解金での解決を排除」 - ITmedia NEWS
2021年9月24日
- 2021年9月第3週号 1位は，柔軟性のあるコンポーネントを作る方法，気になるネタは，Facebookのスマートグラス「Ray-Ban Stories」発売 299ドルから
- 1. Developer Decisions For Building Flexible Components — Smashing Magazine
- 2. Six web design trends creatives need to prepare for in 2022 | Creative Boom
- 3. 10 fundamental UI design principles you need to know | Dribbble Design Blog
- 4. 15 Great Chrome Extensions for Web Designers and Developers
- 5. Inspirational Websites Roundup #29 | Codrops
- 先週の気になるWebサービス
- 22 Best Typeform Alternatives In 2021 (Free & Paid)
- 今週の気になるWebネタ
- Facebookのスマートグラス「Ray-Ban Stories」発売 299ドルから - ITmedia NEWS
2021年9月16日
- 2021年9月第2週号 1位は，なぜユーザーはデザインリニューアルを嫌うのか，気になるネタは，デジタル庁発足 公式サイトにITエンジニアから反応続々「シンプル」「重い」「ロゴが丁寧」「苦労が見える」
- 1. Why do people hate redesigns?. Recently, Twitter unveiled a new design… | by Maria Panagiotidi | Aug, 2021 | UX Collective
- 2. 3 Essential Design Trends, September 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. Design Trend: Frosted Glass Effect in Web Design | Design Shack
- 4. 4 signs your product is not as accessible as you think | Dribbble Design Blog
- 5. Interactive Learning Tools For Front-End Developers — Smashing Magazine
- 先週の気になるWebサービス
- couleur.io → Harmonizing Color Palettes for Your Web Projects
- 今週の気になるWebネタ
- デジタル庁発足 公式サイトにITエンジニアから反応続々「シンプル」「重い」「ロゴが丁寧」「苦労が見える」（1/2ページ） - ITmedia NEWS
2021年9月9日
- 2021年9月第1週号 1位は，効果的な会社概要ページをデザインするヒント，気になるネタは，Apple、iCloudでメール非公開とカスタムドメインを可能に
- 1. 7 Essential Design Tips for a Killer “About Us” Page | Webdesigner Depot Webdesigner Depot » Blog Archive
- 2. 10 Tips for Working With Bold Colors in Web Design | Design Shack
- 3. TOP 10 Chrome Extensions for UI UX Designers – The Web Designer
- 4. Practical Uses of CSS Math Functions: calc, clamp, min, max | Modern CSS Solutions
- 5. Why are hyperlinks blue?
- 先週の気になるWebサービス
- INSTAD.IO - Free image tracer,color vectorizer with hand-drawn styling.
- 今週の気になるWebネタ
- Apple，iCloudでメール非公開とカスタムドメインを可能に 「iCloud+」の一部機能をβ版で提供開始 - ITmedia NEWS
2021年9月2日
- 2021年8月第4週号 1位は，UXの「神話」としてまだ信じられている6つの間違ったルール，気になるネタは，Facebook，メタバース「Horizon Workrooms」のβ版公開 「Oculus Quest 2」で世界中から参加可能
- 1. Busting UX Myths: 6 Misconceptions People Still Believe
- 2. 7 Landing Pages Comparisons To Improve Your Conversions in 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. Design Trend: Flat Cards UI | Design Shack
- 4. What Are The 7 Types Of Graphic Design
- 5. 50 Great Web Development Tools Devs Actually Use in 2021
- 先週の気になるWebサービス
- Poet.so | Create Beautiful Images of Twitter Posts
- 今週の気になるWebネタ
- Facebook，メタバース「Horizon Workrooms」のβ版公開 「Oculus Quest 2」で世界中から参加可能 - ITmedia NEWS
2021年8月26日
- 2021年8月第3週号 1位は，モバイルファーストとデスクトップファーストの現状，気になるネタは，Zoom，生徒は先生の顔しか見えなくなるバーチャル授業向け機能を追加
- 1. The State Of Mobile First and Desktop First - Ahmad Shadeed
- 2. Types of Contrast in User Interface Design
- 3. Exciting New Tools For Designers, August 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Useful Figma Plugins And Tools — Smashing Magazine
- 5. 42 CSS Gradients that look stunning | Baseline
- 先週の気になるWebサービス
- Shapecatcher: Draw the Unicode character you want!
- 今週の気になるWebネタ
- Zoom，生徒は先生の顔しか見えなくなるバーチャル授業向け機能を追加 - Engadget 日本版
2021年8月19日
- 2021年8月第2週号 1位は，Font AwesomeがデザインツールをFigmaに変えた理由，気になるネタは，Google Nestの新製品，ネットワークカメラとカメラ付きドアホンが2万円台で発売
- 1. 10 Reasons We Switched to Figma For Icon Design
- 2. Using CSS Shapes for Interesting User Controls and Navigation | CSS-Tricks
- 3. Thinking About The Cut-Out Effect: CSS or SVG? - Ahmad Shadeed
- 4. The numeric colour palettes in modern web frameworks explained | Stefan Bauer - N8D
- 5. The State of Developer Ecosystem in 2021 Infographic | JetBrains: Developer Tools for Professionals and Teams
- 先週の気になるWebサービス
- Static Website Hosting - Static.app
- 今週の気になるWebネタ
- Google Nestの新製品，ネットワークカメラとカメラ付きドアホンが2万円台で発売 - INTERNET Watch
2021年8月12日
- 2021年8月第1週号 1位は，UI／UXのちょっとしたテクニックいろいろ，気になるネタは，ザッカーバーグ氏は110兆円規模のフェイスブックを「メタバース」企業にすると投資家に語る
- 1. UI & UX Micro-Tips: Volume Eight. | Marc Andrew
- 2. 6 useful frontend techniques that you may not know about - DEV Community
- 3. Design Vault – UI patterns & design inspiration from real products
- 4. CSS Shorthand Properties- Useful CSS Shorthand – Rezaul karim
- 5. 12 Neon Colored Websites for Palette Inspiration - SpyreStudios
- 先週の気になるWebサービス
- Pattern Monster - SVG Pattern Generator
- 今週の気になるWebネタ
- ザッカーバーグ氏は110兆円規模のフェイスブックを「メタバース」企業にすると投資家に語る | TechCrunch Japan
2021年8月5日
- 2021年7月第5週号 1位は，Webデザイナーはそろそろスライダーを辞めるべきという提案，気になるネタは，音声SNS「Clubhouse」が脱ベータ，招待・承認が不要な正式サービスに
- 1. Is It Time for Web Designers to Retire the Slider?
- 2. The complete guide to making a responsive website | Dribbble Design Blog
- 3. Full-Screen Video Backgrounds in Web Design: Pros, Cons & Tips | Design Shack
- 4. Ultimate footer
- 5. Mastering the Basics of Icon Design with Adrien Coquet | by Jeremy Elliott | Jul, 2021 | Noun Project
- 先週の気になるWebサービス
- Clover – The creative workspace with notes, whitboarding, todos, and a daily planner
- 今週の気になるWebネタ
- 音声SNS「Clubhouse」が脱ベータ，招待・承認が不要な正式サービスに | マイナビニュース
2021年7月29日
- 2021年7月第3週号 1位は，ユーザー体験の原則を5つ紹介，気になるネタは，東京駅などの屋内を「Googleマップ」がナビする新機能--JR東日本の17駅から順次提供へ
- 1. 5 User Experience Principles to Help Guide Your Work
- 2. Design Trend: Gaussian Blur | Design Shack
- 3. 10 CSS & JavaScript Snippets for Creating the Parallax Scrolling Effect
- 4. 3 Essential Design Trends, July 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Essential CSS concepts every designer should know | by Reinoud Schuijers | Jul, 2021 | UX Collective
- 先週の気になるWebサービス
- Notion Charts - Customizable Charts from your Notion Tables
- 今週の気になるWebネタ
- 東京駅などの屋内を「Googleマップ」がナビする新機能--JR東日本の17駅から順次提供へ - CNET Japan
2021年7月15日
著者プロフィール
アシカガコウジ
フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。