週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2020年8月第2週号 1位は，Webページの16種類の基本タイプ，気になるネタは，Google，同時通訳もする無線イヤフォン「Pixel Buds」を日本で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日
- 2020年7月第5週号 1位は，2020年のUIデザインのトレンド，気になるネタは，テレビ会議でのプレゼン映像をかっこよくする仮想カメラアプリ「mmhmm」登場
- 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日
- 2020年7月第4週号 1位は，JavaScriptを使ったハンバーガーメニューの代替3案，気になるネタは，G Suite向けGmailがChat，Meet，Roomを統合
- 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日
- 2020年7月第3週号 1位は，ウェブデザインが似通っている理由とその対策，気になるネタは，Web会議「Microsoft Teams」にバーチャルルームに集まれる「Togetherモード」
- 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日
- 2020年7月第2週号 1位は，ボタンデザインの良い例・悪い例，気になるネタは，NAVERまとめ終了 11年の歴史に幕
- 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日
- 2020年7月第1週号 1位は，カード型UIをデザインするためのヒント，気になるネタは，モバイル版「Googleフォト」大幅刷新 検索しやすく，マップ連携表示が可能に
- 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日
- 2020年6月第4週号 1位は，タイポグラフィのトレンド7つ，気になるネタは，Twitterが音声ツイートのテストをiOSで開始，最大140秒を録音可能
- 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日
- 2020年6月第3週号 1位は，CSSグリッドとFlexboxの違いと使い分け方，気になるネタは，ウェブ会議をクイズ番組風にエンタメ化--デジタルフリップ「Connected Flip」
- 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日
- 2020年6月第2週号 1位は，UIを改善する8つのヒント，気になるネタは，Zoomのエンドツーエンド暗号化，有料ユーザーのみに提供へ
- 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日
- 2020年6月第1週号 1位は，写真の上に文字を配置するときに使えるテクニック，気になるネタは，富士フイルムもデジカメのWebカメラ化ソフト Web会議の需要増に対応
- 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日
- 2020年5月第5週号 1位は，ウィンドウサイズが中途半端なときの「中間の」デザインが崩れる問題と対策，気になるネタは，ZOZO，Web会議向け“着るグリーンバック”Tシャツ発売 デジタルファッションを提案するページ開設で
- 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日
- 2020年5月第4週号 1位は，古いCSSの問題に対する現代的なCSS解決策まとめ，気になるネタは，Housepartyは一緒にイベントを楽しむサービスでビデオチャットを超える
- 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日
- 2020年5月第3週号 1位は，より柔軟なレスポンシブデザインが可能になるCSS関数のmin、max、clampを詳しく解説，気になるネタは，ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」
- 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日
- 2020年5月第2週号 1位は，成功するワイヤーフレームの作り方，気になるネタは，ビデオ会議ツール「Google Meet」が個人でも無料で利用可能に／Facebookがビデオ会議機能「Messengerルーム」発表
- 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日
- 2020年4月第5週号 1位は，説得力のあるランディングページの作り方，気になるネタは，隔離生活で求められる自然発生的なコミュニケーションを生むソーシャルアプリ
- 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日
- 2020年4月第4週号 1位は，リモートワークでチームで作業するのに役立つツールいろいろ，気になるネタは，Facebookが友だちや家族への特別の愛と気づかいを表現する新リアクション「care」を追加
- 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日
- 2020年4月第3週号 1位は，リモートワークに関するヒント，記事，ツール，気になるネタは，AppleとGoogleが新型コロナ感染チェック用モバイルアプリを共同開発，プライバシー保護も確約
- 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日
- 2020年4月第2週号 1位は，新型コロナウイルスの影響も含めたウェブデザインのトレンドを3つ，気になるネタは，テレワークに必須！有料・無料のWEB会議アプリおすすめ8選（Zoom以外で）
- 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日
- 2020年3月第4週号 1位は，デザインにおけるストーリーテリングの10のヒントと事例，気になるネタは，iPadOS 13.4、3月24日にリリース決定。Magic Trackpadなど既存トラックパッドやマウスも利用可能
- 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日
- 2020年3月第3週号 1位は，新しく現代的な色のトレンド7つ，気になるネタは，Chatwork，SaaSベンダー9社によるテレワーク支援のオンライン展示会
- 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日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/