• 1. Design Better Buttons - NextUX - Medium
• 2. Grid Cheatsheet
• 3. 3 Essential Design Trends, July 2020 | Webdesigner Depot
• 4. 4 unique 'About Me' page ideas to inspire your own | Dribbble Design Blog
• 5. The Return of the 90s Web | Max Böck
• 先週の気になるWebサービス
• Micro.blog
• 今週の気になるWebネタ
• NAVERまとめ終了 11年の歴史に幕 - ITmedia NEWS

2020年7月9日

• 1. Simple Design Tips for Crafting Better UI Cards - UX Planet
• 2. An Overview of Scroll Technologies | CSS-Tricks
• 3. Design Trend: Geo Shapes & Patterns (With Animation) | Design Shack
• 4. The Finest Collection of UI/UX Patterns & Examples
• 5. How to Enhance Your Website Layouts With SVG Shapes
• 先週の気になるWebサービス
• Formbutton
• 今週の気になるWebネタ
• モバイル版「Googleフォト」大幅刷新 検索しやすく，マップ連携表示が可能に - ITmedia Mobile

2020年7月2日

• 1. Top 7 Typography Trends For 2020 | InstantShift
• 2. A Comprehensive Guide to Notification Design | Toptal
• 3. Guide Into Types of UI Copy for Mobile and Web Interfaces - Design4Users
• 4. keen-slider
• 5. Black and White Patterns for Web Design | SpyreStudios
• 先週の気になるWebサービス
• Image Colorizer - Colorize Black and White Photo
• 今週の気になるWebネタ
• Twitterが音声ツイートのテストをiOSで開始，最大140秒を録音可能 | TechCrunch Japan

2020年6月25日

• 1. Grid for layout, Flexbox for components
• 2. The complete guide to CSS media queries | Polypane browser for developers
• 3. Is Your Website Stressing Out Visitors? — Smashing Magazine
• 4. 20 Unmissable Websites, June 2020 | Webdesigner Depot
• 5. Remote Work in Design: Problems and Solutions
• 先週の気になるWebサービス
• 15+ Best Cross-Browser Testing Tools 2020 » CSS Author
• 今週の気になるWebネタ
• ウェブ会議をクイズ番組風にエンタメ化--デジタルフリップ「Connected Flip」 - CNET Japan

2020年6月18日

• 1. 8 (more) tips to quickly improve your UIs - UX Collective
• 2. How to Add Text to a Video Online: 7 Tips & Tricks | Design Shack
• 3. How to Use Motion Graphics in Your Website Design | Fireart Studio
• 4. 10 Best Design Systems and How to Learn (and Steal) From Them
• 5. RoughNotation
• 先週の気になるWebサービス
• Image Annotation Made Simple: A Free Online Tool
• 今週の気になるWebネタ
• Zoomのエンドツーエンド暗号化，有料ユーザーのみに提供へ - CNET Japan

2020年6月11日

• 1. 17 Tips for Designing with Type on a Photo
• 2. Text fields & Forms design — UI components series - UX Collective
• 3. 6 Examples of Eye-Catching Landing Page Design | SpyreStudios
• 4. Top 10 Ecommerce Design Trends in 2020
• 5. 7 Reasons to Use Illustrations on Your Website (And Examples of How to Do It) | Codrops
• 先週の気になるWebサービス
• Nesto Pomodoro Timer
• 今週の気になるWebネタ
• 富士フイルムもデジカメのWebカメラ化ソフト Web会議の需要増に対応 - ITmedia NEWS

2020年6月4日

• 1. Thinking About The In-between Design Cases
• 2. 6 web accessibility features that benefit more people than you think | Global Accessibility Awareness Day | The Big Hack
• 3. How to create neumorphism web components/elements with only CSS and HTML - Themesberg
• 4. 7 Examples of Scroll-Triggered Animations in Web Design - Onextrapixel
• 5. The Kawaiization of product design - DESK Magazine
• 先週の気になるWebサービス
• Walkie | Real time voice chat for your team
• 今週の気になるWebネタ
• ZOZO，Web会議向け“着るグリーンバック”Tシャツ発売 デジタルファッションを提案するページ開設で - ITmedia NEWS

2020年5月28日

• 1. Modern CSS Solutions
• 2. Resources to help remote designers | Marvel Blog - Marvel Blog
• 3. Best Remote Working Tools for Marketing Teams | JUST™ Creative
• 4. 20 Unmissable Websites, May 2020 | Webdesigner Depot
• 5. 10 Interesting JavaScript and CSS Libraries for May 2020 - Tutorialzine
• 先週の気になるWebサービス
• Screen Recorder | Free, Private, No Ads
• 今週の気になるWebネタ
• Housepartyは一緒にイベントを楽しむサービスでビデオチャットを超える

2020年5月21日

• 1. Everything I Learned About min(), max(), clamp() In CSS
• 2. 7 best practices for using photography in UI design | Dribbble Design Blog
• 3. The Pragmatic Designer: Local and Self Hosted Design Tools by Stéphanie Walter - UX designer & Mobile Expert.
• 4. 3 Tips to Master a Minimalist Web Design
• 5. 20 Amazing Examples of Neumorphism - New Design Trends 2020 - Web Design Ledger
• 先週の気になるWebサービス
• everysize - Check your responsive webpage looks great in every size 🖥 💻 📱 👀https://everysize.kibalabs.com/
• 今週の気になるWebネタ
• ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」 - CNET Japan

2020年5月14日

• 1. How To Succeed In Wireframe Design — Smashing Magazine
• 2. Common webpage design mistakes
• 3. 3 Essential Design Trends, May 2020 | Webdesigner Depot
• 4. Selection in CSS
• 5. CSS Section Separator Generator | wweb.dev
• 先週の気になるWebサービス
• A static site for your dynamically-generated website - Sitesauce
• 今週の気になるWebネタ
• ビデオ会議ツール「Google Meet」が個人でも無料で利用可能に 5月初旬から順次 - ITmedia Mobile Facebookがビデオ会議機能「Messengerルーム」発表，50人まで利用可能 | マイナビニュースhttps://news.mynavi.jp/article/20200428-1025041/

2020年5月7日

• 1. How To Create A Compelling Landing Page — Smashing Magazine
• 2. pattern.css - Background Patterns in CSS
• 3. SVG, Favicons, and All the Fun Things We Can Do With Them | CSS-Tricks
• 4. 20 Best Icon Search Engines For Web Designers - Hongkiat
• 5. 98.css - A design system for building faithful recreations of old UIs
• 先週の気になるWebサービス
• zmurl - Beautiful Website for Your Zoom Event
• 今週の気になるWebネタ
• 隔離生活で求められる自然発生的なコミュニケーションを生むソーシャルアプリ | TechCrunch Japan

2020年4月30日

• 1. 16 Tools for Keeping Your Remote Design Team Together (and on Task) | Webdesigner Depot
• 2. Listboxes vs. Dropdown Lists
• 3. Why editorial illustrations look so similar these days — Quartz
• 4. Newsletter Signup: 7 Essential Tips for Higher Subscription Rates - noupe
• 5. Tips to Nailing Big Typography Designs
• 先週の気になるWebサービス
• Dark CSS theme generator | Night Eye
• 今週の気になるWebネタ
• Facebookが友だちや家族への特別の愛と気づかいを表現する新リアクション「care」を追加 | TechCrunch Japan

2020年4月23日

• 1. Mode Remote
• 2. High-Converting Landing Page Examples From 2019 and 2020 | Campaign Monitor
• 3. BEM Naming Cheat Sheet by 9elements
• 4. CSS Circle Image: "How To" Complete Guide - Coding Dude
• 5. Top Illustration resources to level up your project | Jim Raptis Portfolio
• 先週の気になるWebサービス
• Generated Photos | Unique, worry-free model photos
• 今週の気になるWebネタ
• AppleとGoogleが新型コロナ感染チェック用モバイルアプリを共同開発，プライバシー保護も確約 | TechCrunch Japan

2020年4月16日

• 1. 3 Essential Design Trends, April 2020 | Webdesigner Depot
• 2. Design Trend: Mono Gradients | Design Shack
• 3. How to Create Effective User Flows in Sketch (3 Simple Steps)
• 4. Wireframe Examples That Will Stir Your Creative Juices - Noupe Online Magazine
• 5. The 50 Best Free Icon Fonts for UI Design
• 先週の気になるWebサービス
• Comradery
• 今週の気になるWebネタ
• テレワークに必須！有料・無料のWEB会議アプリおすすめ8選（Zoom以外で） | ライフハッカー［日本版］

2020年4月9日

• 1. What Is Storytelling in Design? 10 Tips & Examples | Design Shack
• 2. Everything About Auto in CSS
• 3. Neumorphism and CSS | CSS-Tricks
• 4. Exciting New Tools for Designers, March 2020 | Webdesigner Depot
• 5. 9 FontAwesome Alternatives That Are Equally As Good - Hongkiat
• 先週の気になるWebサービス
• Animockup — Free Animated Mockup Maker
• 今週の気になるWebネタ
• iPadOS 13.4、3月24日にリリース決定。Magic Trackpadなど既存トラックパッドやマウスも利用可能 - Engadget 日本版

2020年3月26日

• 1. 7 New & Modern Color Trends 2020 | Design Shack
• 2. CSS Viewport Units
• 3. How to Create Cool Website Designs Without Sacrificing Usability
• 4. Learn Box Alignment
• 5. Coronavirus awareness icons
• 先週の気になるWebサービス
• Mailbrew - Beautiful Automated Newsletters
• 今週の気になるWebネタ
• Chatwork，SaaSベンダー9社によるテレワーク支援のオンライン展示会 - CNET Japan

2020年3月19日

• 1. A Complete Guide to Links and Buttons | CSS-Tricks
• 2. 5 Reasons to Apply Digital Illustration in Web Design | Fireart Studio
• 3. Cross-Cultural Design – A List Apart
• 4. 11 Types of Gradients for Creating Stunning Backgrounds
• 5. State of Website Builders 2020 | Site Builder Report
• 先週の気になるWebサービス
• Supersimplesearch: Super simple search for your website
• 今週の気になるWebネタ
• 東京都の新型コロナ対策サイト，GitHubでコード公開 修正提案受け付け - ITmedia NEWS

2020年3月12日

• 1. 10 Evil Types of Dark UX Patterns - UX Collective
• 2. 5 Good UX Design Examples Every Designer Should See | UserGuiding
• 3. Using Website Animation to Improve the User Experience
• 4. 20 CSS Color Palettes for Web Developers - Jquery Plugins Free
• 5. How to Design for Screen Readers with Adobe XD CC — SitePoint
• 先週の気になるWebサービス
• Faux Code Generator
• 今週の気になるWebネタ
• Apple Japan，「アニメに登場するMac」集めたCM公開 教育向けキャンペーンで - ITmedia NEWS

2020年3月5日

• 1. How To Design User Onboarding: Tips and Practices | Tubik Studio
• 2. Web Design Best Practices For Your Next Website Project
• 3. Tailwind CSS vs Bootstrap: Learn about the differences @ Themesberg
• 4. DesignValley | The Ultimate Design Tools Depository
• 5. 10+ Best Online Code Editors to Use in 2020
• 先週の気になるWebサービス
• One Profile Info • A Free Modern Personal Profile Page
• 今週の気になるWebネタ
• 顔をプリントしたマスク，着けたまま顔認識でロック解除も--デザイナー考案 - CNET Japan

2020年2月27日

• 1. Website Header Design in 2020: Best Practices and Examples
• 2. Avoid These 10 UX Design Fails - Usability Geek
• 3. 5 Web Design Trends For 2020 That Are Here To Stay With Us | Webdesigner Depot
• 4. The Theory: A Semantic Color System - DEV Community 👩‍💻👨‍💻
• 5. Preloader Design Tips and Inspirations | UserGuiding
• 先週の気になるWebサービス
• Once
• 今週の気になるWebネタ
• なぜ「VR動画」と「360動画」を分けるべきなのか - ITmedia NEWS

2020年2月20日