週刊Webテク通信
Webデザインやサイト制作に役立つ記事やニュースをセレクトして毎週紹介します。WebテクはWebテクニック・Webテクノロジーの略です。Webテク関連の情報はやはり英語記事が充実しているので，英語記事を中心に紹介しています。自動翻訳などを使いつつ元記事をチェックしていただきたいです。
- 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日
- 2021年5月第4週号 1位は，コンポーネント主導の新しいレスポンシブWebデザインの解説，気になるネタは，グーグルがRSSを復活させる
- 1. The new responsive: Web design in a component-driven world
- 2. Choosing colors for mobile app design (5 key principles) | Dribbble Design Blog
- 3. Frustrating Design Patterns: Mega-Dropdown Hover Menus — Smashing Magazine
- 4. What Is Rapid Prototyping & Why Use It? (+ 5 Best Tools) | Design Shack
- 5. he Best No-Code Tools for Developers in 2021
- 先週の気になるWebサービス
- Hashnode: Everything you need to start blogging as a developer!
- 今週の気になるWebネタ
- グーグルがRSSを復活させる | TechCrunch Japan
2021年5月27日
- 2021年5月第3週号 1位は，UIデザインに色を適用するための初心者向けガイド，気になるネタは，日本のQRコード普及，海外に遅れ コロナ禍で利用場面拡大も
- 1. A Beginner’s Guide to Applying Color in UI Design | George Francis
- 2. HTML Tips - Marko Denic - Web Developer
- 3. 7 Elements of a Highly Usable Landing Page | Design Shack
- 4. 8 Stunning Examples of CSS & JavaScript 3D Text Effects
- 5. A Look at Tailwind CSS - Ahmad Shadeed
- 先週の気になるWebサービス
- Video chat with real-time collaboration - Duckly
- 今週の気になるWebネタ
- 日本のQRコード普及，海外に遅れ コロナ禍で利用場面拡大も - ITmedia NEWS
2021年5月20日
- 2021年5月第2週号 1位は，FigmaのヒントとコツA to Z，気になるネタは，Twitter、投げ銭機能「Tip Jar」を開始 数タップでPayPalなどからチップを送金可能
- 1. A to Z of Figma: Tips & Tricks!
- 2. FigJam UX Review
- 3. 3 Essential Design Trends, May 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Creating Colorful, Smart Shadows
- 5. The New Rules of Minimal Design: Best Practices, Examples, and Tips | Design Shack
- 先週の気になるWebサービス
- Free Text to Speech Online with Natural Voices - LOVO
- 今週の気になるWebネタ
- Twitter，投げ銭機能「Tip Jar」を開始 数タップでPayPalなどからチップを送金可能 - ITmedia NEWS
2021年5月13日
- 2021年4月第5週号 1位は，予期せぬ横スクロールが起きる問題の原因と解決方法，気になるネタは，アップル幹部が「AirTagはiPhoneから3日間離れると音が鳴る」と明かす
- 1. Overflow Issues In CSS — Smashing Magazine
- 2. 6 UX Design Examples to Inspire Your Business’s Website
- 3. Minimal Toolkit - Generate random user data, placeholder and image converters.
- 4. Swipey image grids.
- 5. How to Add a Double Border to SVG Shapes | CSS-Tricks
- 先週の気になるWebサービス
- FigJam is an online whiteboard for teams to explore ideas together
- 今週の気になるWebネタ
- アップル幹部が「AirTagはiPhoneから3日間離れると音が鳴る」と明かす | TechCrunch Japan
2021年4月30日
- 2021年4月第4週号 1位は，Figmaの自動レイアウト機能を解説，気になるネタは，Spotifyが車載用エンターテインメントシステム「Car Thing」を米国内でリリース
- 1. Design good practices | Auto Layout in Figma
- 2. 5 Design Tips to Speed Up Your Site
- 3. 8 Thank You Page Examples to Inspire your Landing Pages - noupe
- 4. 30 Inspiring Web Design Concepts with 3D Graphics - Design4Users
- 5. A Beginner's Guide to the Latest Bootstrap 5 Utilities - Designmodo
- 先週の気になるWebサービス
- Monster Mash: New Sketch-Based Modeling and Animation Tool
- 今週の気になるWebネタ
- Spotifyが車載用エンターテインメントシステム「Car Thing」を米国内でリリース | TechCrunch Japan
2021年4月22日
- 2021年4月第3週号 1位は，固定ヘッダーをより良いものにするための5つのヒント，気になるネタは，タスク管理「Trello」，公開範囲の設定ミスで名前や住所が筒抜けに--運営元が注意喚起
- 1. Sticky Headers: 5 Ways to Make Them Better
- 2. 3 Essential Design Trends, April 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. How to Design Better Icons. Interface iconography tips & tricks. | by Buninux | Mar, 2021 | Prototypr
- 4. 60 Shopping Cart UI For Your Inspiration - Hongkiat
- 5. 15 Glassmorphism UI Design Inspirations and Examples - Super Dev Resources
- 先週の気になるWebサービス
- Frontend Toolkit
- 今週の気になるWebネタ
- タスク管理「Trello」，公開範囲の設定ミスで名前や住所が筒抜けに--運営元が注意喚起 - CNET Japan
2021年4月15日
- 2021年4月第2週号 1位は，コンポーネントをまとめたギャラリーサイト，気になるネタは，DiscordがClubhouseのような音声イベント用チャンネルの提供を開始
- 1. The Component Gallery
- 2. 8 Common Website Layouts Built with CSS Grid
- 3. Let’s Create an Image Pop-Out Effect With SVG Clip Path | CSS-Tricks
- 4. 14 Inspiring Examples of Interactive Maps in Web Design - Qode Interactive
- 5. Create VS Code Themes Easily - Theme Studio - The VS Code Theme Editor
- 先週の気になるWebサービス
- CSS Filters Generator - Modify images with CSS/SVG only - JustCode.today
- 今週の気になるWebネタ
- DiscordがClubhouseのような音声イベント用チャンネルの提供を開始 | TechCrunch Japan
2021年4月8日
- 2021年4月第1週号 1位は，ユーザーインターフェイスを読みやすくする方法，気になるネタは，歌うように話すロボット「チャーリー」，ヤマハが発売 ボカロ技術の活用で
- 1. How to Make User Interface Readable: Tips and Practices - Design4Users
- 2. Best 20 Graphic & UX Design Blogs
- 3. Understanding Bootstrap 5 Layout - Designmodo
- 4. 20 Beautiful Nature Inspired Websites
- 5. How to Build a Single-Page Content Aggregator Website - WP Mayor
- 先週の気になるWebサービス
- Automating Video Editing | Kamua
- 今週の気になるWebネタ
- 歌うように話すロボット「チャーリー」，ヤマハが発売 ボカロ技術の活用で - ITmedia NEWS
2021年4月1日
- 2021年3月第4週号 1位は，パンくずリストをデザインするヒント，気になるネタは，グーグル，「Chrome」にリアルタイムの自動字幕起こし機能
- 1. Web Usability: Breadcrumbs Design Tips and Practices
- 2. UI & UX Micro-Tips: Volume Three. | Marc Andrew
- 3. Basic Do's and Don'ts of Effective Website Design - Design4Users
- 4. Evergreen CSS Flex Layouts With Live Demos | webup.org/blog
- 5. Printables
- 先週の気になるWebサービス
- Attract more listeners with personalized Clubhouse pages 🚀 | twiso
- 今週の気になるWebネタ
- グーグル，「Chrome」にリアルタイムの自動字幕起こし機能 - CNET Japan
2021年3月25日
- 2021年3月第3週号 1位は，新しいWebデザインのトレンド「オーロラUI」，気になるネタは，Appleが初代HomePodの販売を終了，好評のminiに注力
- 1. Aurora UI — new visual trend for 2021 | by Michal Malewicz | Mar, 2021 | UX Collective
- 2. Why I Don't Like Tailwind CSS | Aleksandr Hovhannisyan
- 3. Why Does a Design Look Good?
- 4. Clone Wars - Open source clones of popular sites
- 5. Generate unique SVG design assets | Haikei
- 先週の気になるWebサービス
- Tally forms
- 今週の気になるWebネタ
- Appleが初代HomePodの販売を終了，好評のminiに注力 | TechCrunch Japan
2021年3月18日
- 2021年3月第2週号 1位は，アイコンフォントではなくSVGを使うことのススメ，気になるネタは，憧れのタレントからサプライズでビデオメッセージが届くサービス「heyhey」日本上陸
- 1. Stop Using Icon Fonts by Michael Irigoyen
- 2. Prototyping in UX Design Guide [Free Checklist]
- 3. Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
- 4. Toolbox - Glassmorphism Generator
- 5. 20 Top Content Curation Tools for Marketers (2021)
- 先週の気になるWebサービス
- Video Popup Software for e-Commerce - Vidjet
- 今週の気になるWebネタ
- 憧れのタレントからサプライズでビデオメッセージが届くサービス「heyhey」日本上陸【追記あり】 | TechCrunch Japan
2021年3月11日
- 2021年3月第1週号 1位は，2021年に注目すべき4つのUI/UXのトレンド，気になるネタは，ドコモとKDDI，回線解約ページを検索エンジンから隠ぺい 総務省の指摘受け修正
- 1. 4 UI/UX Trends to Watch Out for in 2021 | Yellowchalk Design
- 2. Toolbox - Neumorphism Generator
- 3. 20 Best New Websites, February 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. The Best Online Graphic Designs Tools & Software
- 5. EXPERIENCE JAPAN PICTOGRAMS
- 先週の気になるWebサービス
- Shoutout
- 今週の気になるWebネタ
- ドコモとKDDI，回線解約ページを検索エンジンから隠ぺい 総務省の指摘受け修正 - ITmedia NEWS
2021年3月4日
著者プロフィール
アシカガコウジ
フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。