• 1. Thinking Like a Front-end Developer
• 2. Making layout grids work for you – Figma
• 3. Dynamically-Sized Sticky Sidebar with HTML and CSS | CSS-Tricks
• 4. Inspirational Websites Roundup #20 | Codrops
• 5. 12 Free CSS Paginations
• 先週の気になるWebサービス
• Screenity - Screen Recorder & Annotation Tool - Chrome ウェブストア
• 今週の気になるWebネタ
• Googleから新しい映像デバイス「Chromecast with Google TV」登場 従来のChromecastとは何が違う？【比較】 - Fav-Log by ITmedia

2020年12月3日

• 1. User Experience: Insights Into Consistency in Design
• 2. The UI & UX Tips Collection: Volume One. | Marc Andrew
• 3. UI Interactions & Animations Roundup #12 | Codrops
• 4. Behind the feature: the making of the new Auto Layout
• 5. Tailwind CSS v2.0 – Tailwind CSS
• 先週の気になるWebサービス
• Bubbles: Video and Screenshot Collaboration
• 今週の気になるWebネタ
• OPPO，巻取りスマホのコンセプトモデル「OPPO X 2021」を公開 - ケータイ Watch

2020年11月26日

• 1. How to Design a Contact Page that Drives Engagement | Webdesigner Depot
• 2. Website Design: The Ultimate Guide with Examples - Designmodo
• 3. Top Landing Page Design Tips That Will Definitely Help You
• 4. How to fix a bad user interface
• 5. API for Web Icons | SVGBox.net
• 先週の気になるWebサービス
• Scribbble
• 今週の気になるWebネタ
• 「Googleフォト」，無制限の無料ストレージを2021年5月末で終了へ - CNET Japan

2020年11月19日

• 1. Why Google’s new app logos are pretty (&) bad | by Markus Hofmann | Bootcamp | Nov, 2020 | Medium
• 2. 9 essential elements of a modern website design | Webflow Blog
• 3. Color Contrast Mistakes on Buttons
• 4. Amazing Examples of Vintage Style Web Design - Qode Interactive
• 5. OrbitCSS - A modern CSS framework based on Flexbox.
• 先週の気になるWebサービス
• Ench — A new era editor for digital creators.
• 今週の気になるWebネタ
• 自撮り画像を他人が撮ったように変換する技術「Unselfie」 Adobeなど開発 - ITmedia NEWS

2020年11月12日

• 1. Comparing Various Ways to Hide Things in CSS | CSS-Tricks
• 2. Practical Guide to Color Theory for UI designers
• 3. Website Footer Best Practices & Examples to Learn From in 2020 - Noupe Online Magazine
• 4. Free Mockups, Templates & Icons for Your Next Design Project | Dribbble Design Blog
• 5. Minimal CSS Frameworks — dailydevlinks
• 先週の気になるWebサービス
• PatternPad - Editor CSS Background Patterns by MagicPattern
• 今週の気になるWebネタ
• Appleが簡単動画作成アプリClips 3.0発表，縦位置ビデオサポートでTikTok世代を狙う | TechCrunch Japan

2020年11月5日

• 1. The Complete CSS Grid Tutorial
• 2. Web Layout Best Practices – 12 Timeless UI Patterns | Toptal
• 3. 10 Usability Mistakes Most Designers Make on Checkboxes
• 4. Figma Vs Adobe XD: Which is Better for UX Prototyping - noupe
• 5. A step-by-step process for creating responsive logo designs | Dribbble Design Blog
• 先週の気になるWebサービス
• Deep Word
• 今週の気になるWebネタ
• AdobeがiPad用IllustratorとiPhone用Frescoをリリース | TechCrunch Japan

2020年10月29日

• 1. 10 Usability Heuristics for UI Design - Prototypr | Prototyping
• 2. 34 Impressive Examples of Fullscreen Navigation Menus - Qode Interactive
• 3. Design Trend: Modern Tappable Targets (And How to Do It) | Design Shack
• 4. Layoutit Grid: Learning CSS Grid Visually With a Generator | CSS-Tricks
• 5. Exciting New Tools for Designers, October 2020 | Webdesigner Depot
• 先週の気になるWebサービス
• Echo – Instant voice messaging for remote teams
• 今週の気になるWebネタ
• グーグル検索，気になる曲をハミングすると曲名を教えてくれる新機能 - CNET Japan

2020年10月22日

• 1. 13 unique website footer design examples | Webflow Blog
• 2. 3 Essential Design Trends, October 2020 | Webdesigner Depot
• 3. 10 Free CSS Snippets for Creating Carousel Sliders
• 4. Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers
• 5. 29 of My Favorite Design Tools & Websites You’ve Never Heard of | by Danny Sapio | Oct, 2020 | UX Collective
• No code free website bot maker | Joonbot
• 今週の気になるWebネタ
• ドコモ，「iモード公式サイト」を2021年11月末に終了へ - CNET Japan

2020年10月15日

• 1. The 5 main anti-trends in design. Everything is cool, until it isn’t cool… | by Diana Malewicz | Sep, 2020 | UX Collective
• 2. CSS Responsive Image Tutorial: How to Make Images Responsive with CSS
• 3. 12 Ready-to-Use Sliders for Your Website | SpyreStudios
• 4. Some New Icon Sets | CSS-Tricks
• 5. 20 Freshest Web Designs, September 2020 | Webdesigner Depot
• 先週の気になるWebサービス
• Synthesia - AI video generation platform
• 今週の気になるWebネタ
• Hameeが小学生向け“プレスマホ”を発表 月額1000円で1GB，Google Playにも対応 - ITmedia Mobile

2020年10月8日

• 1. Secrets to High Engagement on Hamburger Menus
• 2. Successful Design Handoff
• 3. 10 useful HTML5 features, you may not be using
• 4. BGJar | Free svg background image generator for your websites
• 5. Web Design Inspiration | Discover the Best Website Designs
• 先週の気になるWebサービス
• SendFileOnline | Share file with 6 digit code for free
• 今週の気になるWebネタ
• アマゾンがEcho Dotを球体に再設計，キッズ版に動物のデザインと読書機能を追加 | TechCrunch Japan

2020年10月1日

• 1. 5 Basic Types of Images in Web Design - Design4Users
• 2. Learn CSS Centering
• 3. The Beginner's Guide to Responsive Web Design in 2020 (Code Samples)
• 4. A guide to minimalist design. The reign of white space. | by Inês Bernardino | Sep, 2020 | UX Collective
• 5. 3D Icons Trend 2020 - Masterpicks - Design Inspiration
• 先週の気になるWebサービス
• Wunderpresentation - Create presentation slides from any text
• 今週の気になるWebネタ
• ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か (1/2) - ITmedia NEWS

2020年9月24日

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