週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 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日
- 2019年6月第4週号 1位は， ハンバーガーメニューではなくソーセージリンクを使ってみよう，気になるネタは，Google，オリジナルタブレットから撤退し，Chrome OSではノートPC「Pixelbook」に専念
- 1. Using Hamburger Menus? Try Sausage Links · Bradley Taunt
- 2. How to Section Your HTML | CSS-Tricks
- 3. Complete Guide To Cross Browser Compatible CSS Gradients | LambdaTest
- 4. 12 Inspirational Example of Adding Human Illustrations to Websites
- 5. 404 Illustrations - Trendy 404 page images for your next project
- 先週の気になるWebサービス
- RecordScreen.io - Record your screen right from the browser
- 今週の気になるWebネタ
- Google，オリジナルタブレットから撤退し，Chrome OSではノートPC「Pixelbook」に専念 - ITmedia NEWS
2019年6月27日
- 2019年6月第3週号 1位は， CSSによるレイアウト技法を学び直せるサイト，気になるネタは，モジラがFirefoxの新ロゴを発表，ブラウザーだけではないことを強調
- 1. Relearn CSS layout: Every Layout
- 2. CodyHouse Framework 2.0 | CodyHouse
- 3. How to Build Websites for Apps: Your 2019 Step-by-Step Guide - Designmodo
- 4. How to Use the Web Share API | CSS-Tricks
- 5. Making Tables Responsive With Minimal CSS · Bradley Taunt
- 先週の気になるWebサービス
- CoderTrick | Convert Your Code Into Your Desired Format.
- 今週の気になるWebネタ
- モジラがFirefoxの新ロゴを発表，ブラウザーだけではないことを強調 | TechCrunch Japan
2019年6月20日
- 2019年6月第2週号 1位は， 4ピクセルベースライングリッドの考え方と使い方，気になるネタは，iTunesは廃止へ，機能は3つのアプリに分割--アップル，macOS Catalinaを発表
- 1. The 4px baseline grid — the present – UX Collective
- 2. CSS Grid: No Nonsense Layouts | TestDriven.io
- 3. 3 Essential Design Trends, June 2019 | Webdesigner Depot
- 4. Prevent Page Scrolling When a Modal is Open | CSS-Tricks
- 5. CSS Calendar Examples From CodePen - Freebie Supply
- 先週の気になるWebサービス
- LandingPagr is a Free Editing Tool to Write your Landing Page Copy On - LandingPagr.com
- 今週の気になるWebネタ
- iTunesは廃止へ，機能は3つのアプリに分割--アップル，macOS Catalinaを発表 - CNET Japan
2019年6月13日
- 2019年6月第1週号 1位は， もう終わったウェブデザインのトレンド，気になるネタは，アップル，約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から
- 1. 10 Web Design Trends We’re Already Over | Design Shack
- 2. 6 Ways Digital Illustration Improves User Experience for Web and Mobile
- 3. Automation for Designers: An Introduction - UXcellence
- 4. Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
- 5. SEO Suite - 100% Free SEO Tools
- 先週の気になるWebサービス
- CodeDragon : Learn web development with simple drag-and-drop blocks!
- 今週の気になるWebネタ
- アップル，約4年ぶりに「iPod touch」新モデル--6色展開で2万1800円から - CNET Japan
2019年6月6日
- 2019年5月第5週号 1位は， モバイルコマースで売上を伸ばすためのデザイン手法，気になるネタは，老舗Macデベロッパーが作る携帯ゲーム機「Playdate」はモノクロ，手回しハンドル付き
- 1. 6 M-Commerce Design Practices to Help Improve Your Sales in 2019
- 2. 5 Rules for Choosing the Right Words on Button Labels
- 3. 5 Design Ideas That Never Get Old | Design Shack
- 4. Top 10 CSS Blog Cards - csshint - A designer hub
- 5. On How I Approach Teaching CSS, CodePen Quizzes and Playing Cards – PEPSized
- 先週の気になるWebサービス
- SVGmator! Animate SVG fast and easily!
- 今週の気になるWebネタ
- 老舗Macデベロッパーが作る携帯ゲーム機「Playdate」はモノクロ，手回しハンドル付き - ITmedia NEWS
2019年5月30日
- 2019年5月第4週号 1位は， 今でもファーストビューを気にする必要があるか？，気になるネタは，ディズニー，Huluの完全支配権を獲得
- 1. Is 'the fold' still a thing in today’s scrolling and skimming culture?
- 2. From Zero to Hero: Look at Hero Images in Web Design | Tubik Studio
- 3. Design Trends: When to Use Them + When to Ignore Them | Design Shack
- 4. How to create a sticky hero section using CSS position sticky | CodyHouse
- 5. Google Fonts is Adding font-display 🎉—zachleat.com
- 先週の気になるWebサービス
- HoverSignal - best conversion rate optimization tools
- 今週の気になるWebネタ
- ディズニー，Huluの完全支配権を獲得 - CNET Japan
2019年5月23日
- 2019年5月第3週号 1位は， 有名サイトのデザインの変遷から見た廃れたトレンドと現在のトレンド，気になるネタは，GoogleがiFrameに代わる遷移タグPortalsをデモ，サイト間の連携を大幅強化へ
- 1. Changing The Face Of Web Design: A Case Study of 25 Years - Hongkiat
- 2. How to Take Your Website Viral | Webdesigner Depot
- 3. Modern CSS Frameworks to Speed up the Design Process - 1stWebDesigner
- 4. Create a responsive grid layout with no media queries, using CSS Grid - Andy Bell
- 5. Beautifully Designed Examples of Asymmetrical Split Screens in Web Design
- 先週の気になるWebサービス
- Remove Background from Image – remove.bg
- 今週の気になるWebネタ
- GoogleがiFrameに代わる遷移タグPortalsをデモ，サイト間の連携を大幅強化へ | TechCrunch Japan Safari，ダークモードに合わせてデザインを変えるCSS機能 | マイナビニュース
2019年5月16日
- 2019年5月第2週号 1位は， フォームデザインの究極ガイド，気になるネタは，MSも「パスワード定期変更は不要」表明―Win 10の次期セキュリティ基準で―
- 1. An ultimate guide to form design: How to design converting online forms
- 2. Mobile UX Design Principles and Best Practices | Toptal
- 3. Data Visualization in Web Design: 12 Stunning Examples | Design Shack
- 4. CSS Scan - The fastest and easiest way to inspect and copy CSS
- 5. 8 CSS Scroll Effects
- 先週の気になるWebサービス
- Tweakr - The fastest way to get visual feedback.
- 今週の気になるWebネタ
- MSも「パスワード定期変更は不要」表明―Win 10の次期セキュリティ基準で - Engadget 日本版
2019年5月9日
- 2019年4月第4週号 1位は， Adobe XDとSketchの機能比較，気になるネタは，Pinterestが上場，初日は公開価格を28％上回る
- 1. Design Tool Showdown – Adobe XD vs Sketch | Toptal
- 2. Feeling empty in whitespace: my love and hate relationship with negative space
- 3. Color accessibility: tools and resources to help you design inclusive products, by Stéphanie Walter - UX designer & Mobile Expert.
- 4. A JavaScript-Free Frontend - DEV Community 👩💻 👨💻
- 5. Gimli
- 先週の気になるWebサービス
- Spider - a smart point&click web scraping tool
- 今週の気になるWebネタ
- Pinterestが上場，初日は公開価格を28％上回る - CNET Japan
2019年4月25日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/