週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 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日
- 2019年12月第2週号 1位は，デザインツールに関するアンケート調査の結果，気になるネタは，「一太郎」スマホアプリ登場 写真から自動で文字起こし 開発の理由は
- 1. 2019 Design Tools Survey Results - Uxtools.co
- 2. UX Design: Types of Affordances in User Interfaces
- 3. 20 top graphic design trends for 2020 | Creative Bloq
- 4. 10 Places to Find Beautiful Free SVG Icon Sets - 1stWebDesigner
- 5. Pantone Announces its Color of 2020 | Webdesigner Depot
- 先週の気になるWebサービス
- Slides - Free Static Website Generator and Landing Page Builder
- 今週の気になるWebネタ
- 「一太郎」スマホアプリ登場 写真から自動で文字起こし 開発の理由は - ITmedia NEWS
2019年12月12日
- 2019年12月第1週号 1位は，そろそろ廃れるべきデザイントレンド，気になるネタは，グーグル，読み聞かせ音声をスマスピで再生する「My Storytime」--両親が録音可能
- 1. 10 Outdated Web Design Trends to Let Go Of | Webdesigner Depot
- 2. 10 essential UI (user-interface) design tips | Webflow Blog
- 3. Bootstrap vs Foundation and why you should use one over the other
- 4. At All Events: Awesome Designs for Event Websites and Landing Pages
- 5. 10 Best Free Avatar and Character Creator Apps - Onextrapixel
- 先週の気になるWebサービス
- Wireframer | Flawless SVG text for your wireframes
- 今週の気になるWebネタ
- グーグル，読み聞かせ音声をスマスピで再生する「My Storytime」--両親が録音可能 - CNET Japan
2019年12月5日
- 2019年11月第5週号 1位は，ボタンやメニューのクリックできる領域を増やす方法，気になるネタは，Apple，企業向け音楽配信「Apple Music for Business」。ブランド毎に楽曲選別
- 1. Enhancing The Clickable Area Size
- 2. Flexbox — The Animated Tutorial - JavaScript Teacher - Medium
- 3. Top 5 Mobile Application Design Tips For 2020
- 4. 14 inspiring UX designer portfolios | Webflow Blog
- 5. Logo color combinations that look great and you should try
- 先週の気になるWebサービス
- Rosebud AI
- 今週の気になるWebネタ
- Apple，企業向け音楽配信「Apple Music for Business」。ブランド毎に楽曲選別 - AV Watch
2019年11月28日
- 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日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/