• 1. Understanding Z-Index in CSS
• 2. Design Trends 2021
• 3. How to Create a Shrinking Header on Scroll Without JavaScript | CSS-Tricks
• 4. CSS transitions and hover animations, an interactive guide
• 5. Glyphs - The Complete Icon Design System
• 先週の気になるWebサービス
• SVGX
• 今週の気になるWebネタ
• ソーシャルオーディオアプリClubhouseが800万ダウンロード超え，2021年2月前半に急増 | TechCrunch Japan

2021年2月25日

• 1. Social media design: 5 steps for a winning visual strategy (2021) | Dribbble Design Blog
• 2. 16 Product Design Tools You Need in Your Arsenal
• 3. SVG Repo - Free SVG Vectors and Icons
• 4. 10 Must-Watch YouTube Channels for Web Designers | Webdesigner Depot Webdesigner Depot » Blog Archive
• 5. Bootstrap 5 CheatSheet By ThemeSelection | Classes
• 先週の気になるWebサービス
• ClubLink: Optimize your Clubhouse Events for SEO and listeners ✌
• 今週の気になるWebネタ
• マイクロソフト，Pinterest買収を検討か - CNET Japan

2021年2月18日

• 1. Things You Can Do With CSS Today — Smashing Magazine
• 2. 3 Essential Design Trends, February 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
• 3. z-index by examples | juliu.is
• 4. Sketch App Sources - Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch
• 5. Glassmorphism CSS Generator
• 先週の気になるWebサービス
• SVG Waves - Instantly generate waves
• 今週の気になるWebネタ
• Twitterの音声チャットルーム「Spaces」を日本でいち早く体験--Clubhouse対抗になりうるか - CNET Japan

2021年2月12日

• 1. How to create a super-ellipse CSS button based on Lamé curve | by Cohan Carpentier-Larivière | codeburst
• 2. Flexbox-Guide
• 3. SVG Tutorial: How to Code SVG Icons by Hand | Aleksandr Hovhannisyan
• 4. How we migrated our design team to Figma | by Alexander Fandén | Jan, 2021 | UX Collective
• 5. Vector Mockups Library 3.0 – Figma
• 先週の気になるWebサービス
• Numbr
• 今週の気になるWebネタ
• いらすとや，2月より毎日更新を一時停止‐「ここ数年，ほとんど休みがなかった」 | TECH+

2021年2月4日

• 1. Why Tailwind Isn't for Me - DEV Community
• 2. 7 Inspiring Graphic Design Trends for 2021 | Vectornator Blog
• 3. UI Design Trends for 2021 | Boxmode Blog
• 4. Amazing Free UI Illustrations and How to Use Them
• 5. Vector Pattern Generator | VISIWIG
• 先週の気になるWebサービス
• Shuffle — An online editor for busy developers
• 今週の気になるWebネタ
• 反Facebookの「MeWe」が急成長--広告なし，プライバシー重視のSNS - CNET Japan

2021年1月28日

• 1. 8 design-related conversion fails (& how you can easily avoid them) | Dribbble Design Blog
• 2. New Web Design Trends and Inspiration for 2021 | Codrops
• 3. Building Flexible Components With Transparency - Cloud Four
• 4. An Early Look at Full Site Editing in WordPress
• 5. Animating with Lottie | CSS-Tricks
• 先週の気になるWebサービス
• RendezView | Endless Canvas Built For Work
• 今週の気になるWebネタ
• モリサワ，写研とOpenTypeフォントを共同開発 24年にリリース - ITmedia NEWS

2021年1月21日

• 1. Email Design Trends for 2021 - Designmodo
• 2. How to Make a Hero Image Website Design for Your Main Page
• 3 Essential Design Trends, January 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
• 4. Sketch Alternatives: 5 Tools To Replace Sketch For Your Design Needs
• 5. The Most Interesting Developer Tools for 2021 - Impressive Webs
• 先週の気になるWebサービス
• Tails - TailwindCSS Page Creator
• 今週の気になるWebネタ
• Facebook，ページでの「いいね」を廃止し，「フォロー」に一本化へ - ITmedia NEWS

2021年1月14日

• 1. Big Review of Major UI Design Trends for Web and Mobile in 2020
• 2. Graphic Design Trends 2021 Inspired By What We All Experienced This Year | by Dana Kachan | Dec, 2020 | Muzli - Design Inspiration
• 3. The Rules of Margin Collapse
• 4. 7 Takeaways from the 2020 UX Tools Survey | Learn UXD
• 5. AnimXYZ
• 先週の気になるWebサービス
• Keevi Screen Recorder
• 今週の気になるWebネタ
• Flashの最後の日，Adobe自身がサポートを停止 | TechCrunch Japan

2021年1月7日

• 1. 2020 Tools Survey Results - Uxtools.co
• 2. CSSLab - Web Design Catalyst
• 3. Handling Short And Long Content In CSS
• 4. Centering in CSS
• 5. Design Trend: Imagery Without People | Design Shack
• 先週の気になるWebサービス
• JotForm Tables | Free Spreadsheet Powered Database Platform
• 今週の気になるWebネタ
• TwitterのRT仕様，元に戻した理由は「“思慮深い拡散”につながらなかった」から - ITmedia NEWS

2020年12月24日

• 1. A guide of UI design trends for 2021 | by Diana Malewicz | Dec, 2020 | UX Collective
• 2. How to Build a Website With No Coding | JUST™ Creative
• 3. UI Flowchart Cards ―for website builders, designers and developers.
• 4. 6 Free Animated Icon Packs for Adobe After Effects
• 5. 25 Beautifully Colorful Websites - Vandelay Design
• 先週の気になるWebサービス
• Figside | Ship Websites with Figma
• 今週の気になるWebネタ
• 「Apple M1」搭載Macのモニター出力に複数の制約--EIZOが注意喚起 - CNET Japan

2020年12月17日

• 1. The State of CSS 2020
• 2. 11 Tips for Creating a Usable Website Contact Page | Design Shack
• 3. 4 Creative Ways to Design a Festive Website | Webdesigner Depot
• 4. 10 Hot Logo Design Trends for 2021 - Icons8 Blog
• 5. A Calendar in Three Lines of CSS – Calendar Tricks
• 先週の気になるWebサービス
• Feedlify - Customer Feedback tool
• 今週の気になるWebネタ
• ドコモの「ahamo（アハモ）」，気を付けるべき点は？ - ITmedia Mobile

2020年12月10日

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