週刊Webテク通信
Webデザインやサイト制作に役立つ記事やニュースをセレクトして毎週紹介します。WebテクはWebテクニック・Webテクノロジーの略です。Webテク関連の情報はやはり英語記事が充実しているので，英語記事を中心に紹介しています。自動翻訳などを使いつつ元記事をチェックしていただきたいです。
- 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日
- 2021年7月第2週号 1位は，CSSグリッドを使って画像の上に文字やボタンを配置するテクニック，気になるネタは，GitHubがコーディングの提案を行う新しいAIツールをプレビュー
- 1. Positioning Overlay Content with CSS Grid | CSS-Tricks
- 2. UI & UX Micro-Tips: Volume Six. | Marc Andrew
- 3. 7 Website Navigation Examples That Will Inspire Your Design
- 4. 26 CSS Techniques Free Code - Twibbr
- 5. 20 Best New Sites, June 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 先週の気になるWebサービス
- TailwindCSS Buttons Foxtail CSS
- 今週の気になるWebネタ
- GitHubがコーディングの提案を行う新しいAIツールをプレビュー | TechCrunch Japan
2021年7月8日
- 2021年7月第1週号 1位は，サインアップ／ログインのUXを良くするヒント，気になるネタは，「Chrome」のサードパーティークッキー廃止が2023年に延期
- 1. 15 Tips for Better Signup / Login UX (Illustrated)
- 2. Exploring the Use of Sticky Vertical Navigation in Web Design
- 3. Copy & Paste CSS - Buttons
- 4. 24 Must-Know Graphic Design Terms | Web Design | WebFX
- 5. 10 MORE Figma Tricks I Wish I Knew Earlier | by Danny Sapio | May, 2021 | UX Collective
- 先週の気になるWebサービス
- Convert your Google Form to a Chatbot in 1 minute - Form to Chatbot
- 今週の気になるWebネタ
- 「Chrome」のサードパーティークッキー廃止が2023年に延期 - CNET Japan
2021年7月1日
- 2021年6月第4週号 1位は，CSSでの縦横比の設定方法，気になるネタは，Spotifyがライブオーディオアプリ「Greenroom」を提供開始，Clubhouseのライバル誕生
- 1. Let's Learn About Aspect Ratio In CSS - Ahmad Shadeed
- 2. Visual Design Principles in UX - Drawer
- 3. Want to Design a Stunning Website? 9 Tips to Impress Your Client
- 4. Making Tables With Sticky Header and Footers Got a Bit Easier | CSS-Tricks
- 5．Predesign
- 先週の気になるWebサービス
- Dive Into the World of Colors | colors.tools
- 今週の気になるWebネタ
- Spotifyがライブオーディオアプリ「Greenroom」を提供開始，Clubhouseのライバル誕生 | TechCrunch Japan
2021年6月24日
- 2021年6月第3週号 1位は，フォントは5種類あれば十分という主張と選び方，気になるネタは，Apple Musicが空間オーディオとロスレスオーディオの提供を開始
- 1. All you need is 5 fonts | Better Web Type
- 2. 3 Essential Design Trends, June 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. 11 landing page design tips
- 4. Does the Hamburger Menu Make Mincemeat of UX Design?
- 5. Adding Shadows to SVG Icons With CSS and SVG Filters | CSS-Tricks
- 先週の気になるWebサービス
- Over Hangman
- 今週の気になるWebネタ
- Apple Musicが空間オーディオとロスレスオーディオの提供を開始 | TechCrunch Japan
2021年6月17日
- 2021年6月第2週号 1位は，Webデザインを改善するための6つの方法，気になるネタは，5月モバイルSNSシェア、Twitter・Pinterest・Facebookが強い日本
- 1. 6 Ways How to Improve Website Design to Get More Traffic
- 2. 2021 Mid-Year Design Trend Report: What’s Still Hot | Design Shack
- 3. How to Steer Clients from Bad Design Choices - The Media Temple Blog
- 4. 20 Figma Plugins and Tools to Boost your Design Workflow
- 5. Inspirational Websites Roundup #26 | Codrops
- 先週の気になるWebサービス
- CoScreen: Deep Collaboration for Engineering Teams
- 今週の気になるWebネタ
- 5月モバイルSNSシェア，Twitter・Pinterest・Facebookが強い日本 | TECH+
2021年6月10日
- 2021年6月第1週号 1位は，UIとUXのちょっとしたテクニック，気になるネタは，Google，Googleフォトの5月末の無制限無料終了に向けて「高画質」の呼び方を変更
- 1. UI & UX Micro-Tips: Volume Five. | Marc Andrew
- 2. 7 Modern Website Design Examples (and What You Can Learn From Them) - Usability Geek
- 3. 2021 Logo Trend Report | Articles | LogoLounge
- 4. 20 Best New Websites, May 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Trendy Gradients in Web Design
- 先週の気になるWebサービス
- Podcastle
- 今週の気になるWebネタ
- Google，Googleフォトの5月末の無制限無料終了に向けて「高画質」の呼び方を変更 - ITmedia NEWS
2021年6月3日
著者プロフィール
アシカガコウジ
フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。