週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 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日
- 2020年3月第2週号 1位は，HTMLのリンクとボタンの完全ガイド，気になるネタは，東京都の新型コロナ対策サイト，GitHubでコード公開 修正提案受け付け
- 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日
- 2020年3月第1週号 1位は，悪意に満ちたダークUXパターン10個，気になるネタは，Apple Japan，「アニメに登場するMac」集めたCM公開 教育向けキャンペーンで
- 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日
- 2020年2月第4週号 1位は，オンボーディグをデザインするためのヒント，気になるネタは，顔をプリントしたマスク，着けたまま顔認識でロック解除も--デザイナー考案
- 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日
- 2020年2月第3週号 1位は，ヘッダーデザインのベストプラクティスと実例，気になるネタは，なぜ「VR動画」と「360動画」を分けるべきなのか
- 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日
- 2020年2月第2週号 1位は，色彩理論をCSSでの色の設定に生かすためのヒント，気になるネタは，Googleマップが15周年で新ロゴに 5タブの新デザインと新機能も
- 1. Turning color theory into CSS — a quick dive - UX Collective
- 2. Bright Colors in UI Design: Benefits and Pitfalls
- 3. UX Design Trends: The Factors That Matter Most in 2020 - Business 2 Community
- 4. 10 No Design Tools You Need Right Now - Logobly
- 5. How to mock up UX writing | Dropbox Design
- 先週の気になるWebサービス
- Neumorphism/Soft UI CSS shadow generator
- 今週の気になるWebネタ
- Googleマップが15周年で新ロゴに 5タブの新デザインと新機能も - ITmedia NEWS
2020年2月13日
- 2020年2月第1週号 1位は，2020年のUIトレンドまとめ，気になるネタは，友達から資金募れるアプリ「polca」，10月1日に終了 「収益性などを検討した結果」
- 1. UI Trends 2020: What's in Store? | Toptal
- 2. What Is Modern Web Design in 2020? 20 Stunning Examples | Design Shack
- 3. The CSS Cascade
- 4. 7 Principles of Icon Design - Helena Zhang - Medium
- 5. UI Interactions & Animations Roundup #2 | Codrops
- 先週の気になるWebサービス
- brumm.af
- 今週の気になるWebネタ
- 友達から資金募れるアプリ「polca」，10月1日に終了 「収益性などを検討した結果」 - ITmedia NEWS
2020年2月6日
- 2020年1月第5週号 1位は，Internet Explorerでのブラウザテストは今でも意味があるのか，気になるネタは，Instagramから「IGTV」ボタン消滅 「ほとんど使われなかったから」
- 1. Does Browser Testing On Internet Explorer Still Make Sense? | LambdaTest
- 2. Exploring the Use of Sticky Vertical Navbars
- 3. 65 Best Creative Instagram Accounts - Masterpicks - Design Inspiration
- 4. BEM Methodology In CSS: A Quick Start Guide
- 5. 20+ Apps and Tools to Customize Your Facebook Pages - Hongkiat
- 先週の気になるWebサービス
- CunningBot: Domain Names Search Engine
- 今週の気になるWebネタ
- Instagramから「IGTV」ボタン消滅 「ほとんど使われなかったから」 - ITmedia NEWS
2020年1月30日
- 2020年1月第4週号 1位は，2020年に見ておくべき7つのUIトレンド，気になるネタは，Chromeアプリ，Windows，Mac，Linux向けは2020年12月にサポート終了
- 1. 7 UI trends to watch in 2020
- 2. Web Design Trends - Predictions For 2020 - 1stWebDesigne
- 3. 13 ways to vertical center - LogRocket Blog
- 4. CSS Grid Template Areas In Action
- 5. Top UI UX Design Inspiration | UX Planet
- 先週の気になるWebサービス
- LinkkPro - One Link for all your social media profiles.
- 今週の気になるWebネタ
- Chromeアプリ，Windows，Mac，Linux向けは2020年12月にサポート終了 - ITmedia NEWS
2020年1月23日
- 2020年1月第3週号 1位は，ニューモーフィズムが2020年大きなトレンドにはならない理由，気になるネタは，YouTubeが子供向けコンテンツでのターゲット広告とデータ収集の制限を開始
- 1. Neumorphism will NOT be a huge trend in 2020 - UX Collective
- 2. Re-Imagining The Bottom Navigation Bar - The Startup - Medium
- 3. Min and Max Width/Height in CSS
- 4. Category Page Design Examples: 6 Category Page Inspirations
- 5. Design Trends 2020: Outside the box | Vectornator
- 先週の気になるWebサービス
- Typehut — Super simple publishing
- 今週の気になるWebネタ
- YouTubeが子供向けコンテンツでのターゲット広告とデータ収集の制限を開始 | TechCrunch Japan
2020年1月16日
- 2019年12月第3週号 1位は，ウェブページに「Fパターン」は今でも重要か，気になるネタは，Googleアシスタントのリアルタイム通訳機能がiOSとAndroidでも利用可能に
- 1. Is the F-pattern Still Relevant? | Webdesigner Depot
- 2. Small Business Website Design: 5 Tips to Improve It
- 3. Picking the right stock photo for your next design project
- 4. 17 useful tools for UI/UX designers | Webflow Blog
- 5. The Figma tutorials and guides you've been looking for
- 先週の気になるWebサービス
- SocialSizes.io - Image and Video sizes for Social Media
- 今週の気になるWebネタ
- Googleアシスタントのリアルタイム通訳機能がiOSとAndroidでも利用可能に - ITmedia NEWS
2019年12月19日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/