週刊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日