週刊Webテク通信
Webデザインやサイト制作に役立つ記事やニュースをセレクトして毎週紹介します。WebテクはWebテクニック・Webテクノロジーの略です。Webテク関連の情報はやはり英語記事が充実しているので，英語記事を中心に紹介しています。自動翻訳などを使いつつ元記事をチェックしていただきたいです。
- 2022年5月第4週号 1位は，顧客にやさしいWebデザインの15の原則，気になるネタは，「SUZURI」でNFTコンテンツのグッズ販売可能に MetaMaskと連携
- 1. 15 Web Design Principles for a Customer-Friendly Website
- 2. LCH is the best color space for UI | Deep dive into color theory | Atmos
- 3. Blocasset
- 4. AnimatiSS - A nice, colorful collection of CSS animations for your projects
- 5. Humbleicons – free icons for your better UI
- 先週の気になるツール／サービス
- PhotoRoom
- 今週の気になるWebネタ
- 「SUZURI」でNFTコンテンツのグッズ販売可能に MetaMaskと連携 - ITmedia NEWS
2022年5月26日
- 2022年5月第3週号 1位は，2022年に実装されるCSSの新技術いろいろ，気になるネタは，Apple，iPodの歴史に幕 シリーズ最後のモデル「iPod touch（第7世代）」在庫限りで販売終了
- 1. State of CSS 2022
- 2. Design Trend: Animated Hero Elements | Design Shack
- 3. 3 Essential Design Trends, May 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. 4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks - CSS-Tricks
- 5. Drop-in Minimal CSS
- 先週の気になるツール／サービス
- Remove unwanted objects or people from photos automatically Clipdrop - background removal
- 今週の気になるWebネタ
- Apple，iPodの歴史に幕 シリーズ最後のモデル「iPod touch（第7世代）」在庫限りで販売終了 - ITmedia NEWS
2022年5月19日
- 2022年5月第2週号 1位は，シンプルなインターフェイスを作る方法，気になるネタは，「NHKプラス」，「Firefox」での視聴が不可能に 5月23日から
- 1. Design Patterns: How to Create Simple Interfaces | Webdesigner Depot Webdesigner Depot » Blog Archive
- 2. A Quick Guide To Mobile-First Design - Raw.Studio
- 3. 8 CSS & JavaScript Snippets That Enhance Hamburger Menus
- 4. A guide to minimalist design. The reign of white space. | by Inês Bernardino | UX Collective
- 5. Create Responsive Design in Figma | by Vikalp Kaushik | Apr, 2022 | UX Planet
- 先週の気になるツール／サービス
- LiveReacting | Interactive live video streaming
- 今週の気になるWebネタ
- 「NHKプラス」，「Firefox」での視聴が不可能に 5月23日から - ITmedia NEWS
2022年5月12日
- 2022年4月第4週号 1位は，CSSでのセンタリングの実用ガイド，気になるネタは，Zoom、新しいホワイトボード機能「Zoom Whiteboard」を発表
- 1. A Practical Guide to Centering in CSS - Stack Diary
- 2. 8 Awesome Animated Backgrounds Built with CSS & JavaScript
- 3. Typographic Scale Calculator - Pick the right font sizes
- 4. 14 Best YouTube Channels for Designers in 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Tailwind Components and Templates for E-commerce
- 先週の気になるツール／サービス
- ClickUp™ | One app to replace them all
- 今週の気になるWebネタ
- Zoom，新しいホワイトボード機能「Zoom Whiteboard」を発表 ～v5.10.3以降で利用可能 - 窓の杜
2022年4月28日
- 2022年4月第3週号 1位は，カルーセルのUXをより良くデザインする方法，気になるネタは，月600円で容量無制限のクラウドバックアップが可能な「Dropbox Backup」がローンチ
- 1. Designing A Better Carousel UX — Smashing Magazine
- 2. Basic Types of Buttons in Web and Mobile User Interfaces - Design4Users
- 3. What is 'bad design'? 10 examples & how to avoid them | Dribbble Design Blog
- 4. How to implement glassmorphism with CSS - LogRocket Blog
- 5. 32217 Free Icons | Iconer
- 先週の気になるツール／サービス
- Elai.io - create AI videos from text
- 今週の気になるWebネタ
- 月600円で容量無制限のクラウドバックアップが可能な「Dropbox Backup」がローンチ - 窓の杜
2022年4月21日
- 2022年4月第2週号 1位は，愛すべきUXの7つの実践的な原則，気になるネタは，Amazonプライム・ビデオ，日本だとApple TVより407倍人気 Appleが分析結果を公開
- 1. 7 practical principles of lovable UX: learn from Readymag
- 2. Motion in UX Design: 6 Effective Types of Web Animation
- 3. 20 Best New Sites, April 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Gradients | Components AI
- 5. 10 excellent design blogs to follow for endless inspiration | Dribbble Design Blog
- 先週の気になるツール／サービス
- kCaps - design keyboard shortcuts
- 今週の気になるWebネタ
- Amazonプライム・ビデオ，日本だとApple TVより407倍人気 Appleが分析結果を公開 - ITmedia NEWS
2022年4月14日
- 2022年4月第1週号 1位は，UI／UXデザインのテクニックを6つ紹介，気になるネタは，TVer，リアルタイム番組の「追っかけ再生」可能に 民放の「公式テレビ配信サービス」へ
- 1. I wrote a book on UI/UX, here are my 6 tips for a great web & mobile design
- 2. Advanced Figma tips & tricks 2022 | by Christine Vallaure | Mar, 2022 | UX Collective
- 3. Minimal CSS Frameworks: 10 Great Choices - Stack Diary
- 4. SVG and CSS mesh gradient generator - Color Morph
- 5. 10 Free Collections of Feminine Logo Templates for Designers
- 先週の気になるツール／サービス
- Typebot - Open-source conversational apps builder
- 今週の気になるWebネタ
- TVer，リアルタイム番組の「追っかけ再生」可能に 民放の「公式テレビ配信サービス」へ - ITmedia NEWS
2022年4月7日
- 2022年3月第5週号 1位は，2022年のWebデザインのトレンドを7つ，気になるネタは，Zoomの新3Dアバター機能で，ちょっと不気味な動物としてミーティングに参加できるように
- 1. 7 Web Design Trends for 2022 - The Media Temple Blog
- 2. Good Design Is All About Good Timing — Smashing Magazine
- 3. 3 Essential Design Trends, March 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. How to Use CSS Math Functions - Stack Diary
- 5. Master Styles - A Virtual CSS language with enhanced syntax
- 先週の気になるツール／サービス
- Tweetlet - Create appealing images in a snap
- 今週の気になるWebネタ
- Zoomの新3Dアバター機能で，ちょっと不気味な動物としてミーティングに参加できるように | TechCrunch Japan
2022年3月31日
- 2022年3月第4週号 1位は，商品リストページでページネーションの代わりになるもの，気になるネタは，Apple，「iPadOS 15.4」を配布開始 Macとのユニバーサルコントロール機能に対応
- 1. Alternatives to Pagination on Product-Listing Pages
- 2. 3 Content Design Trends to Adopt Right Now - The Media Temple Blog
- 3. Design by the Decades: Get inspired by 80s graphic design trends | Dribbble Design Blog
- 4. Claymorphism: Will It Stick Around? — Smashing Magazine
- 5. Top 15 Free HTML Landing Page Templates For 2022
- 先週の気になるツール／サービス
- StrawPoll.com - Create a Straw Poll in Seconds
- 今週の気になるWebネタ
- Apple，「iPadOS 15.4」を配布開始 Macとのユニバーサルコントロール機能に対応 - ITmedia NEWS
2022年3月24日
- 2022年3月第3週号 1位は，成功するフッターに必要な5つの要素，気になるネタは，アップルの新27インチStudio Displayはほぼ本体のないiMac
- 1. 5 Must-Have Elements of a Successful Footer in 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 2. 10 Useful CSS Tricks for Front-end Developers - Stack Diary
- 3. Top 11 design tools and resources to kickstart your project
- 4. HTML and CSS in Emails: What Works in 2022? - Designmodo
- 5．10 Free WordPress Block Themes That Utilize Full Site Editing
- 先週の気になるツール／サービス
- Markdown Badges
- 今週の気になるWebネタ
- アップルの新27インチStudio Displayはほぼ本体のないiMac | TechCrunch Japan
2022年3月17日
- 2022年3月第2週号 1位は，中国語と英語でのアプリUIの違いの考察，気になるネタは，LAN用メッセンジャー「IP Messenger」に初の商用版Pro
- 1. A few UI differences between Chinese and English apps | by Megan Ng | Feb, 2022 | UX Collective
- 2. Flexbox Dynamic Line Separator - Ahmad Shadeed
- 3. How to Create a Section Divider Using CSS
- 4. 13 Inspiring Examples of Contact Page Design - Qode Interactive
- 5. Writing Logic in CSS • i am schulz
- 先週の気になるツール／サービス
- Postr | Convert your social network post to image with nice design
- 今週の気になるWebネタ
- LAN用メッセンジャー「IP Messenger」に初の商用版Pro | TECH+
2022年3月10日
- 2022年3月第1週号 1位は，有名サービスのアプリやサイトのUIにダメ出し，気になるネタは，Instagramの「リール動画」，Facebookでも利用可能に
- 1. Do Netflix, HBO, Spotify, Twitter, Hulu, Apple and Google, agree with these designers? | by Ryan Houk | Jan, 2022 | Medium
- 2. 24 Sizzling Landing Page Examples For Red Hot Conversions
- 3. Five UI/UX tools you need to learn at 2022 | by Navid Semi | Feb, 2022 | Medium
- 4. 8 CSS Snippets That Bring Claymorphism to Life
- 5. 6 Domain Name Trends for 2022 - The Media Temple Blog
- 先週の気になるツール／サービス
- Pagify - Convert your Google Doc to a website in under 30 seconds.
- 今週の気になるWebネタ
- Instagramの「リール動画」，Facebookでも利用可能に - ITmedia NEWS
2022年3月3日
- 2022年2月第4週号 1位は，フォームの種類8つとそれをデザインするためのヒント，気になるネタは，ソニー，穴のあいた完全ワイヤレスイヤホン「LinkBuds」--聴きながら聞こえる体験へ
- 1. Forms for the Win: 8 Types of Forms You Should Know How to Design | Design Shack
- 2. An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks - CSS-Tricks
- 3. 5 Awesome HTML and CSS projects to build (with codepen preview) - DEV Community
- 4. Web UI Design Examples and What You Can Learn From Them
- 5. Toools.design – Design Resources Archive & Newsletter
- 先週の気になるツール／サービス
- UI Colors | Tailwind CSS Color Shades Generator & Editor
- 今週の気になるWebネタ
- ソニー，穴のあいた完全ワイヤレスイヤホン「LinkBuds」--聴きながら聞こえる体験へ - CNET Japan
2022年2月24日
- 2022年2月第3週号 1位は，2022年のグラフィックデザインのトレンド10選，気になるネタは，Meta（旧Facebook）の「Messenger」に割り勘機能（まずは米国で）
- 1. Top 10 graphic design trends to inspire your work in 2022 | Dribbble Design Blog
- 2. Use Cases For CSS fit-content - Ahmad Shadeed
- 3. 15 Websites with Inspiring Menu Design - Qode Interactive
- 4. How to Design a Flow Chart That Works (And Different Applications for Them) | Design Shack
- 5. What’s New In DevTools? — Smashing Magazine
- 先週の気になるツール／サービス
- Notion Website Maker: Create A Free Website Built In Notion
- 今週の気になるWebネタ
- Meta（旧Facebook）の「Messenger」に割り勘機能（まずは米国で） - ITmedia NEWS
2022年2月17日
- 2022年2月第2週号 1位は，インクルーシブデザインについて，気になるネタは，Google，Chromeブラウザのロゴを8年ぶりに変更
- 1. Inclusive Design
- 2. How to help bridge the gap between UX design and code | by Karine Sabatier | Feb, 2022 | UX Collective
- 3. 10 Design Trends to Watch Out for in 2022
- 4. How to Use Hand-Drawn Elements in Web Design | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. 12 Incredible YouTube Channels That Improve Your Design Skills
- 先週の気になるツール／サービス
- Reaktr | Generate audio-reactive video on browser.
- 今週の気になるWebネタ
- Google，Chromeブラウザのロゴを8年ぶりに変更 - ITmedia NEWS
2022年2月10日
- 2022年2月第1週号 1位は，UI／UXデザインのトレンドを16個紹介，気になるネタは，オーディオブック「Audible」，価格据え置きで聴き放題に--村上春樹作品も配信へ
- 1. 16 Leading UI/UX Design Trends to Dominate in 2022 | Codica
- 2. The breakpoints we tested in 2021, and the ones to test in 2022 | Polypane, The browser for ambitious developers
- 3. Spatial Web Browsing
- 4. 20 Best New Websites, January 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Shapefest™ - A massive library of free 3D shapes
- 先週の気になるツール／サービス
- hagrid - no-code user-generated FAQ, on any webpage
- 今週の気になるWebネタ
- オーディオブック「Audible」，価格据え置きで聴き放題に--村上春樹作品も配信へ - CNET Japan
2022年2月3日
- 2022年1月第4週号 1位は，Figmaのあまり知られていないテクニック集，気になるネタは，Twitter Blue利用者はNFTをプロフィール写真として使用可能に
- 1. A few lesser-known Figma tips. At Medium, our design team’s tool of… | by Greg Dougherty | Jan, 2022 | Medium.design
- 2. Badge UI design exploration — Tips & tricks, usability, and use cases review
- 3. UI & UX Micro-Tips: Volume Twelve
- 4. 25 Places Where You Can Get Free Tailwind CSS Components - DEV Community
- 5. clay.css - by Adrian Bece
- 先週の気になるツール／サービス
- iiisometric → 3D-like isometric design builder
- 今週の気になるWebネタ
- Twitter Blue利用者はNFTをプロフィール写真として使用可能に | TechCrunch Japan
2022年1月27日
- 2022年1月第3週号 1位は，扇形グラデーションと放射グラデーションを細かく解説，気になるネタは，「Vカツ」突然の終了発表 アバターは利用不可に 「体なくなる」ユーザー困惑
- 1. A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine
- 2. The 10 biggest design trends you need to know in 2022 | Dribbble Design Blog
- 3. 3 Essential Design Trends, January 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. 10 Best CSS Code Generators for 2022 | by Imia Hazel | Jan, 2022 | Bootcamp
- 5. Simple.css
- 先週の気になるツール／サービス
- Pika – Create beautiful screenshots quickly
- 今週の気になるWebネタ
- 「Vカツ」突然の終了発表 アバターは利用不可に 「体なくなる」ユーザー困惑 - ITmedia NEWS
2022年1月20日
- 2022年1月第2週号 1位は，2021年のUIデザインのトレンド振り返り，気になるネタは，レノボ，サブ画面付きの超横長ノートPC「ThinkBook Plus Gen 3」を発表
- 1. Review of UI Design Trends for Web and Mobile in 2021
- 2. Claymorphism in User Interfaces | Hype4Academy
- 3. Negative Space in Design: What It Is and How To Use It - Design4Users
- 4. The Top 5 Form Types to Use in Your Web Design | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Design Trend: Happy, Optimistic Designs | Design Shack
- 先週の気になるツール／サービス
- Graaphics
- 今週の気になるWebネタ
- レノボ，サブ画面付きの超横長ノートPC「ThinkBook Plus Gen 3」を発表 - CNET Japan
2022年1月13日
- 2022年1月第1週号 1位は，ソーシャルプルーフ（社会的証明）をWebサイトにどうデザインするか，気になるネタは，Web3企業のURL末尾でみかける「.xyz」とは？
- 1. How to Design Social Proof (Without Social Media) | Design Shack
- 2. 10 Graphic Design Trends for 2022
- 3. CSS in 2022 – Bram.us
- 4. 41 Free Generator Tools For Web Design
- 5. 10 Captivating Examples of the Liquid Metal Effect in Web Design - Qode Interactive
- 先週の気になるツール／サービス
- Try What's Good
- 今週の気になるWebネタ
- Web3企業のURL末尾でみかける「.xyz」とは？ | TechCrunch Japan
2022年1月6日
著者プロフィール
アシカガコウジ
フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。