週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2020年10月第3週号 1位は，フッターデザインの実例を多数紹介，気になるネタは，ドコモ，「iモード公式サイト」を2021年11月末に終了へ
- 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日
- 2020年10月第2週号 1位は，UIデザインの危険なトレンド，気になるネタは，Hameeが小学生向け“プレスマホ”を発表 月額1000円で1GB，Google Playにも対応
- 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日
- 2020年10月第1週号 1位は，ハンバーガーメニューのエンゲージメントを高める方法，気になるネタは，アマゾンがEcho Dotを球体に再設計，キッズ版に動物のデザインと読書機能を追加
- 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日
- 2020年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 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日
- 2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
- 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日
- 2020年9月第2週号 1位は，CSS Flexboxを使ったヘッダーの作り方，気になるネタは，“偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能
- 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日
- 2020年9月第1週号 1位は，ウェブアニメーションの基本ルール，気になるネタは，MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」
- 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日
- 2020年8月第4週号 1位は，レスポンシブデザインとアダプティブデザインの比較，気になるネタは，C Channel，アプリサービスを9月末で終了へ--SNSでのコンテンツ配信にシフト
- 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日
- 2020年8月第3週号 1位は，ユーザー体験を向上させるCSSアニメーションについて，気になるネタは，「顔が明るく見えるライトや壁紙を購入」――“オンライン映え”気にするのは20代男性？ 賢く見えるよう本の購入も
- 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日
- 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日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/