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