• 1. UX Design for Navigation Menus | Learn UXD
• 2. How to Choose UI Colors for Mobile and Web Design Wisely
• 3. Landing Page 101: How to design a landing page that converts | Dribbble Design Blog
• 4. 7 Principles Of Icon Design
• 5. Footers Design Gallery | Smiley Cat
• 先週の気になるWebサービス
• Narakeet
• 今週の気になるWebネタ
• Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション - ITmedia NEWS

2020年9月17日

• 1. Building Website Headers with CSS Flexbox
• 2. Website Animation Types & Trends That Will Dominate Your Screen in 2020–2021 | by Dana Kachan | Design + Sketch | Aug, 2020 | Medium
• 3. Comparing Browsers for Responsive Design | CSS-Tricks
• 4. Custom bullets with CSS ::marker
• 5. 15 Amazing CSS Background Effects - 1stWebDesigner - Best of the best!
• 先週の気になるWebサービス
• Shape - 26000+ Icons & Illustrations to SVG, Lottie, React.
• 今週の気になるWebネタ
• “偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能 - ITmedia NEWS

2020年9月10日

• 1. Ground Rules for Web Animations | CSS-Tricks
• 2. Why and How You Should Create Wireframes With Others - Boagworld Show
• 3. 10 Tips to Design Perfect Website Backgrounds
• 4. 20 Freshest Web Designs, August 2020 | Webdesigner Depot
• 5. Awesome Demos Roundup #17 | Codrops
• 先週の気になるWebサービス
• Startup - Free Bootstrap Builder for Templates & Themes
• 今週の気になるWebネタ
• MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」 - ITmedia NEWS

2020年9月3日

• 1. Responsive vs. Adaptive: 7 Best Mobile Web Design Practices
• 2. How to create a great Design System for your brand | by Simon Vieira | Aug, 2020 | UX Collective
• 3. The Most Appreciated Web Solutions of 2020 | Webdesigner Depot
• 4. Japanese Minimalism in UI Design for Digital Products - noupe
• 5. 150 Amazing Examples of CSS Animation & Effects
• 先週の気になるWebサービス
• Brand Book Builder by Gingersauce — PRO Tool for Design & Branding
• 今週の気になるWebネタ
• C Channel，アプリサービスを9月末で終了へ--SNSでのコンテンツ配信にシフト - CNET Japan

2020年8月27日

• 1. Enhancing User Experience With CSS Animations by Stéphanie Walter - UX designer & Mobile Expert.
• 2. Tips for designing colorful websites for your clients
• 3. Ten modern layouts in one line of CSS
• 4. 18 Grid Layouts for Building Stunning Websites - 1stWebDesigner
• 5. Fresh Resources for Web Designers and Developers (August 2020) - Hongkiat
• 先週の気になるWebサービス
• Super Fast Visual Sitemap Tool | Octopus.do
• 今週の気になるWebネタ
• 「顔が明るく見えるライトや壁紙を購入」――“オンライン映え”気にするのは20代男性？ 賢く見えるよう本の購入も - ITmedia NEWS

2020年8月20日

• 1. Web Design: 16 Basic Types of Web Pages
• 2. What does 100% mean in CSS?
• 3. More Control Over CSS Borders With background-image | CSS-Tricks
• 4. this vs that - What is the difference between ___ and ___ in the front-end development?
• 5. CSS Vocabulary
• 先週の気になるWebサービス
• Get feedback from your users in different way! - helppie.me
• 今週の気になるWebネタ
• Google，同時通訳もする無線イヤフォン「Pixel Buds」を日本で8月20日発売 - ITmedia NEWS

2020年8月13日

• 1. 8 Popular Trends in UI Design on Dribbble in 2020 - Icons8 Blog
• 2, UI vs UX Design: 4 Key Differences
• 3. How To Create a Responsive Timeline with Image Thumbnails - 1WD
• 4. Teenyicons — Tiny minimal 1px icons
• 5. Using Flexbox and text ellipsis together · Leonardo Fari
• 先週の気になるWebサービス
• FabDev | Bar chart race generator
• 今週の気になるWebネタ
• テレビ会議でのプレゼン映像をかっこよくする仮想カメラアプリ「mmhmm」登場 - INTERNET Watch

2020年7月30日

• 1. Three CSS Alternatives to JavaScript Navigation | CSS-Tricks
• 2. 1-Line Layouts
• 3. CSS breakpoints used by popular CSS frameworks | Polypane browser for developers
• 4. Knopf.css - Open source button system leveraging CSS variables
• 5. Design Trend: Strong Hero Images With Subtle Text | Design Shack
• 先週の気になるWebサービス
• lets you ‘see how real people experience the speed of your website’. Trusted by some
• 今週の気になるWebネタ
• G Suite向けGmailがChat，Meet，Roomを統合 | TechCrunch Japan

2020年7月23日

• 1. Why Do Websites Look the Same? | Webdesigner Depot
• 2. Design Trend: A New Generation of Image Sliders | Design Shack
• 3. Battle of the interface design tools - Simple Thread
• 4. The Comeback of Fun in Visual Design
• 5. 24 examples of creative illustration use in mobile design | Dribbble Design Blog
• 先週の気になるWebサービス
• Automatic visual testing for every page - PageWatch
• 今週の気になるWebネタ
• Web会議「Microsoft Teams」にバーチャルルームに集まれる「Togetherモード」 - ITmedia NEWS

2020年7月16日

• 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日