週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2019年11月第4週号 1位は，ロゴのバリエーションが重要な理由，気になるネタは，InstagramにTikTokのような「Reels」機能追加 まずはブラジルで
- 1. Why logo variations are important and you should have them
- 2. Mobile App Website Inspiration: 20 Application Websites And Tips To Design One | Webdesigner Depot
- 3. 5 essential UX design tips | Webflow Blog
- 4. All New Must See Single Page Web Designs
- 5. How to get started in Product Illustration | Dribbble Design Blog
- 先週の気になるWebサービス
- Planogy
- 今週の気になるWebネタ
- InstagramにTikTokのような「Reels」機能追加 まずはブラジルで - ITmedia NEWS
2019年11月21日
- 2019年11月第2週号 1位は，Font Awesomeのアイコンを全てカバーするラインアイコンのセット，気になるネタは，アクティブノイズキャンセリング対応の「AirPods Pro」が10月30日に登場 2万7800円
- 1. Line Awesome — Free Beautiful Icon Font
- 2. Uncommon Use Cases For Pseudo Elements
- 3. 10 best premium UI kits for web designers | Webflow Blog
- 4. Scandinavian Color Trends - Muzli - Design Inspiration
- 5. 20+ Best iPhone 11 Mockups (PSD, AI & Sketch) | Design Shack
- 先週の気になるWebサービス
- Buy Me A Coffee – Give your audience a way to thank you
- 今週の気になるWebネタ
- アクティブノイズキャンセリング対応の「AirPods Pro」が10月30日に登場 2万7800円 - ITmedia Mobile
2019年11月7日
- 2019年10月第5週号 1位は，色のコントラストのアクセシビリティへの俗説に対する反論，気になるネタは，iPhoneケースと合体する小型ドローン登場 重さ68グラム カメラ搭載で空からセルフィー
- 1. The Myths of Color Contrast Accessibility
- 2. The problem with dropdown fields (and what you should use instead) | Design Smarts
- 3. 30 Creative Pinterest Design Boards You'd Love!
- 4. Vector Creator — Create engaging illustrations in-browser for free
- 5. 25 Days of CSS Animations: Teaching Myself CSS through Motion Design. - DEV Community 👩💻👨💻
- 先週の気になるWebサービス
- Direktor - The Bit.ly of URL Splitting
- 今週の気になるWebネタ
- iPhoneケースと合体する小型ドローン登場 重さ68グラム カメラ搭載で空からセルフィー - ITmedia NEWS
2019年10月31日
- 2019年10月第4週号 1位は，均整が取れているのにUIが間違って見える例と解決法，気になるネタは，初代ウォークマン“復刻”，カセットが画面で回る限定「A100」
- 1. Visually distorted - when symmetrical UI looks all wrong
- 2. CSS Circles - Cloud Four
- 3. How to design delightful dark themes — HeyDesigner
- 4. How Ultra-Thin Lines in Web Design Can Create an Impact
- 5. Vector people designs you should download or your projects
- 先週の気になるWebサービス
- Color Designer - Simple Color Palette Generator
- 今週の気になるWebネタ
- 初代ウォークマン“復刻”，カセットが画面で回る限定「A100」 - 税別約4.2万円で11月発売 | マイナビニュース
2019年10月24日
- 2019年10月第3週号 1位は，明白なUIを作るヒント，気になるネタは，macOS Catalina，「Sidecar」の必要条件が明らかに あなたのiPadは使える？
- 1. The Obvious UI is Often the Best UI - Google Design - Medium
- 2. Improve your CSS with these 5 principles - DEV Community 👩 👨
- 3. Clipping, Clipping, and More Clipping! | CSS-Tricks
- 4. Dark mode in a website with CSS | Tom Brow
- 5. CSS { In Real Life } | Building a Scrapbook Layout with CSS Grid
- 先週の気になるWebサービス
- 25+ Best Google Chrome Extensions for Designers and Developers | Design Shack
- 今週の気になるWebネタ
- macOS Catalina，「Sidecar」の必要条件が明らかに あなたのiPadは使える？ - ITmedia NEWS
2019年10月17日
- 2019年10月第2週号 1位は，なぜプログレッシブウェブアプリがモバイルウェブの未来なのか，気になるネタは，Microsoftは正しかった。Surface Neo/Duoの2画面はフォルダブルよりも賢い選択
- 1. Why Progressive Web Apps Are The Future of Mobile Web [2019 Research]
- 2. Design Systems for Developers | Storybook Tutorials
- 3. Adaptive Photo Layout with Flexbox | CSS-Tricks
- 4. 15 Best CSS Libraries for 2019 | Webdesigner Depot
- 5. 20+ Cutting-Edge Personal Website Designs to Inspire You | Design Shack
- 先週の気になるWebサービス
- n8n.io - Workflow Automation
- 今週の気になるWebネタ
- Microsoftは正しかった。Surface Neo/Duoの2画面はフォルダブルよりも賢い選択 - Engadget 日本版https://japanese.engadget.com/2019/10/04/microsoft-surface-neo-duo-2/
2019年10月10日
- 2019年10月第1週号 1位は，ウェブサイト作るのに必要な要素とそのコスト，気になるネタは，Facebook，「セカンドライフ」のようなVRワールド「Horizon」を「Oculus Quest」などで来年スタート
- 1. Website Design Cost & How to Save on Web Developmen
- 2. Free Bootstrap UI Kit for Startup and SaaS Business | Ayro UI
- 3. 8 Fantastic Pure CSS Border Effect Code Snippets
- 4. STRML: Projects and Work
- 5. Must-Visit Websites with Free and Premium Icons in 2019 - WPKlik
- 先週の気になるWebサービス
- CopyPalette | Seamless color palette generation
- 今週の気になるWebネタ
- Facebook，「セカンドライフ」のようなVRワールド「Horizon」を「Oculus Quest」などで来年スタート - ITmedia NEWS
2019年10月3日
- 2019年9月第4週号 1位は， シェア（共有）機能，シェアボタンについての考察，気になるネタは，アリババ，スマートスピーカー「Tmall Genie」でスタバのコーヒーが注文可能に
- 1. UX Considerations for Web Sharing | CSS-Tricks
- 2. Where to put buttons on forms by Adam Silver | Designer, London, UK.
- 3. Dark Mode — Working with Color Systems - Nodes Digital - Medium
- 4. The perfect responsive menu (2019) | Polypane responsive browser
- 5. 15 unique website layouts | Webflow Blog
- 先週の気になるWebサービス
- Button Contrast Checker | Aditus | Free tool
- 今週の気になるWebネタ
- アリババ，スマートスピーカー「Tmall Genie」でスタバのコーヒーが注文可能に - CNET Japan
2019年9月26日
- 2019年9月第3週号 1位は， ボタンの定義と種類，設計のためのヒント，気になるネタは，「Apple Arcade」日本でも9月20日スタート 月額600円（無料トライアルあり）
- 1. Basic Types of Buttons in User Interfaces - UX Planet
- 2. Integrating Video and Web Content: Lessons in User Interface Design | Thomas Park
- 3. Best of Interaction Design — Sep 2019 - Product Disrupt Blog
- 4. Top Prototyping and Design Handoff Tools for Designers - 1stWebDesigner
- 5. Can I email… Support tables for HTML and CSS in emails
- 先週の気になるWebサービス
- altmails | Disposable temporary email addresses which forward every email to your mailbox
- 今週の気になるWebネタ
- 「Apple Arcade」日本でも9月20日スタート 月額600円（無料トライアルあり） - ITmedia PC USER
2019年9月19日
- 2019年9月第2週号 1位は， 友達や家族のためにウェブサイトを作るときに役立つ5つのヒント，気になるネタは，日本のHulu，「happyon.jp」から「hulu.jp」に戻る
- 1. 5 Tips for Building a Website for Friends or Family | Design Shack
- 2. Cancel vs Close: Design to Distinguish the Difference
- 3. Email Love - Email Inspiration, Templates and Discovery
- 4. 20 Graphic Design Websites You Will Be Inspired From
- 5. Recreating Netlify's Neat-o Sliding Button Effect | CSS-Tricks
- 先週の気になるWebサービス
- CodyHouse Pro | CodyHouse
- 今週の気になるWebネタ
- 日本のHulu，「happyon.jp」から「hulu.jp」に戻る - ITmedia NEWS
2019年9月12日
- 2019年9月第1週号 1位は， モバイル用ウェブページで画面下部にナビゲーションを置くことについて，気になるネタは，Googleフォト、画像内テキストによる検索が可能に（まずは英語）
- 1. Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? — Smashing Magazine
- 2. 3 Essential Design Trends, September 2019 | Webdesigner Depot
- 3. Solving Problems With CSS Grid: The Gantt Chart
- 4. Best Tools For Graphic Designers In 2019
- 5. How the Illustration Design Trend Caught Fire & Why Every SaaS Is Rebranding
- 先週の気になるWebサービス
- SVG Artista
- 今週の気になるWebネタ
- Googleフォト，画像内テキストによる検索が可能に（まずは英語） - ITmedia NEWS
2019年9月5日
- 2019年8月第5週号 1位は， ボタンに処理中という状況を表示する必要があるとき，気になるネタは，BuzzFeedのMoodFeed機能は気分に合ったコンテンツを勧めてくれる
- 1. When You Need to Show a Button's Loading State
- 2. Website Footer Design: 8 Tips and Tricks
- 3. 20 Freshest Web Designs, August 2019 | Webdesigner Depot
- 4. Color Tools For Designers 2019 - Muzli - Design Inspiration
- 5. 10 best Chrome extensions for designers - UX Collective
- 先週の気になるWebサービス
- Get Waves – Create SVG waves for your next design
- 今週の気になるWebネタ
- BuzzFeedのMoodFeed機能は気分に合ったコンテンツを勧めてくれる | TechCrunch Japan
2019年8月29日
- 2019年8月第4週号 1位は， スタイルガイド，デザインシステム，コンポーネントライブラリのガイド，気になるネタは，アップルのスマートスピーカー「HomePod」が8月23日に日本発売へ
- 1. Everything I Know About Style Guides, Design Systems, and Component Libraries - Lee Robinson
- 2. Top Web Design Trends of 2019 You Shouldn’t Miss - Codica Blog
- 3. 4 Rules for Intuitive UX – Learn UI Design
- 4. CSS { In Real Life } | Variable Font Animation with CSS and Splitting JS
- 5. Yaku Han JP
- 先週の気になるWebサービス
- Verby TTS Online | Free Text to Speech Converter with SSML Editor
- 今週の気になるWebネタ
- アップルのスマートスピーカー「HomePod」が8月23日に日本発売へ - CNET Japan
2019年8月22日
- 2019年8月第3週号 1位は， ユーザーフレンドリーなウェブサイトを作る5つの原則，気になるネタは，ショッピングから工場やホームドアまで--デンソーが開発した「QRコード」が25周年
- 1. How to Create a User-Friendly Website: 5 Key Principles you Need to Know - Codica Blog
- 2. User Experience: How to Design Effective Call to Action
- 3. Improve Your Site’s UX With These 5 Video Content Ideas - noupe
- 4. Bootstrap Navbar Guide and Free Navigation Examples - Designmodo
- 5. CSS empty Selector | SamanthaMing.com
- 先週の気になるWebサービス
- Audioship - Upload MP3 to YouTube
- 今週の気になるWebネタ
- ショッピングから工場やホームドアまで--デンソーが開発した「QRコード」が25周年 - CNET Japan
2019年8月15日
- 2019年8月第2週号 1位は， レスポンシブWebデザインのデザインパターン5つ，気になるネタは，不正ログイン続出の「7pay」，わずか3カ月で終了
- 1. 5 Really Useful Responsive Web Design Patterns | Design Shack
- 2. Top 10 most deadly CSS mistakes made by new and experienced developers - Painless CSS
- 3. 10 Best Design Systems for 2019 | Webdesigner Depot
- 4. 8 Fantastic Examples of Isometric Illustrations in Web Design
- 5. Introducing Duotone
- 先週の気になるWebサービス
- WebShots | Automated Website Screenshots
- 今週の気になるWebネタ
- 不正ログイン続出の「7pay」，わずか3カ月で終了 セブン＆アイHDが謝罪，再挑戦も示唆 (1/2) - ITmedia NEWS
2019年8月8日
- 2019年8月第1週号 1位は， 2019年のウェブデザインのトレンドを19個，気になるネタは，PC-8001誕生40周年，NECがオマージュを込めた「特別モデル」発売か
- 1. Top 19 Web Design Trends 2019 | Nice, Very Nice!
- 2. Why Toggle Buttons Are Confusing
- 3. Gradient Magic
- 4. Delesign - Free Designs
- 5. The Top 13 Sites For Downloading Completely Free Sound Effects
- 先週の気になるWebサービス
- Versoly - SaaS Landing Page Builder
- 今週の気になるWebネタ
- PC-8001誕生40周年，NECがオマージュを込めた「特別モデル」発売か - ITmedia NEWS
2019年8月1日
- 2019年7月第4週号 1位は， 静的なプロトタイプに見た目の強弱をつけるテクニック，気になるネタは，Twitterでよく使われる絵文字，日本の1位は？ トップ10発表，世界とかなり違う
- 1. 8 simple UI design tricks for more dynamics in static prototypes
- 2. 50 Shades of Black: Effective Use of No Color | Design Shack
- 3. 15 Must-Have Features for Ecommerce Sites
- 4. 8 Fantastic Onboarding Carousel HTML & CSS Snippets
- 5. 29 Years of Adobe Photoshop Design History - 90 Images - Version Museum
- 先週の気になるWebサービス
- FormSubmit | A Contact Form to Email Service
- 今週の気になるWebネタ
- Twitterでよく使われる絵文字，日本の1位は？ トップ10発表，世界とかなり違う - ITmedia NEWS
2019年7月25日
- 2019年7月第3週号 1位は， よくある問題のあるポップアップの使い方と解決方法，気になるネタは，Apple，MacBook Air 2017と12インチMacBookを販売終了 Retina化とThunderbolt 3搭載完了
- 1. Popups: 10 Problematic Trends and Alternatives
- 2. Fun places to learn CSS Layout – Part 2: Grid Layout, by Stéphanie Walter
- 3. 33 Amazing Sites with Beautiful Free Icon Sets
- 4. CSS Lists, Markers, And Counters — Smashing Magazine
- 5. Pixel - Bootstrap 4 UI Kit
- 先週の気になるWebサービス
- ImportDoc
- 今週の気になるWebネタ
- Apple，MacBook Air 2017と12インチMacBookを販売終了 Retina化とThunderbolt 3搭載完了 - ITmedia NEWS
2019年7月18日
- 2019年7月第2週号 1位は， 実はHTMLだけでできること，気になるネタは，LINEの「クリエイターズスタンプ使い放題」で，スタンプ制作者のビジネスはどう変わる？
- 1. HTML can do that? - DEV Community 👩💻 👨💻
- 2. User Experience: Best Practices on Effective Visual Hierarchy
- 3. 7 Best CSS Optimization Tips for Better Page Load Times - Onextrapixel
- 4. 3 Essential Design Trends, July 2019 | Webdesigner Depot
- 5. 8 Websites that Effectively Utilize Monochrome Colors
- 先週の気になるWebサービス
- Placeit | Make Mockups, Logos, Videos and Designs in Seconds
- 今週の気になるWebネタ
- LINEの「クリエイターズスタンプ使い放題」で，スタンプ制作者のビジネスはどう変わる？ (1/2) - ITmedia ビジネスオンライン
2019年7月11日
- 2019年7月第1週号 1位は， FigmaとSketchの比較記事，気になるネタは，LINE，グループトーク機能を拡張した「OpenChat」発表 友人以外も追加可，トークごとにプロフィール設定可能
- 1. Figma vs Sketch: Which is the best option you should choose
- 2. The Ultimate Guide to Flexbox Centering - Onextrapixel
- 3. Building a Conference Schedule with CSS Grid | CSS-Tricks
- 4. These 4 Website Redesign Mistakes Sabotage SEO | SpyreStudios
- 5. Why are the username and password on two different pages? - Twilio
- 先週の気になるWebサービス
- Create Sales Landing Pages That Convert, Fast & Easy | Brizy
- 今週の気になるWebネタ
- LINE，グループトーク機能を拡張した「OpenChat」発表 友人以外も追加可，トークごとにプロフィール設定可能 - ITmedia NEWS
2019年7月4日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/