週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2018年9月第4週号 1位は，ハンバーガーメニューの良い点，悪い点，気になるネタは，Amazon，「Echo」ファミリー拡大で「Echo Dot」などの更新および電子レンジ他の新製品
- 1. Loving & Hating the Hamburger Icon | Webdesigner Depot
- 2. 9 layout design trends | Webflow Blog
- 3. Re-approaching Color – Lyft Design
- 4. The ultimate guide to proper use of animation in UX
- 5. The Golden Ratio in Design: Examples & Tips | Design Shack
- 先週の気になるWebサービス
- Codier – Front-end Coding Challenges
- 今週の気になるWebネタ
- Amazon，「Echo」ファミリー拡大で「Echo Dot」などの更新および電子レンジ他の新製品 - ITmedia NEWS
2018年9月27日
- 2018年9月第3週号 1位は，良いシングルページウェブサイトを作るテクニック，気になるネタは，Appleは，iPhone XRで3D Touchが失敗であることを認めた
- 1. Single-Page Website: Best Design Practices | Tubik Studio
- 2. 7 Tips for Better Contact Form Design (With Examples) | Design Shack
- 3. 5 App Design Tools - Nodes Design Stack 2018 ≫ Nodes
- 4. Best Web Design Software - 2018 | Tech.Co
- 5. Design Trend: Bubble & Blob Backgrounds | Design Shack
- 先週の気になるWebサービス
- Drafty - A place to draft content, and then share it.
- 今週の気になるWebネタ
- Appleは，iPhone XRで3D Touchが失敗であることを認めた | TechCrunch Japan
2018年9月20日
- 2018年9月第2週号 1位は，ウェブデザインにアイコンをどう活用するか，気になるネタは，Microsoft，手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表
- 1. Web Design: How to Use Icons on Landing Pages
- 2. Designing UI with Color Blind Users in Mind - Secret Stache Media
- 3. 4 Best Practices for Designing Mega-Footers | Webdesigner Depot
- 4. Splitting.js
- 5. 10 Advanced Image Hover Effects Snippets
- 先週の気になるWebサービス
- SINIS（サイニス）｜Instagramの無料分析ツール
- 今週の気になるWebネタ
- Microsoft，手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表：AIで手書きの図形と文字を認識 - ＠IT
2018年9月13日
- 2018年9月第1週号 1位は，デザインライブラリの作り方を実例を元に解説，気になるネタは，LenovoのYoga Book C930はキーボードの代わりに電子ペーパーを搭載
- 1. What is a design library? – UX Collective
- 2. Best Practices For Mobile Form Design — Smashing Magazine
- 3. 17 CSS Thumbnails
- 4. Carousels on Mobile Devices
- 5. Designing Illustrations for Small Screens – Meg Robichaud – Medium
- 先週の気になるWebサービス
- Conversations by Typeform
- 今週の気になるWebネタ
- LenovoのYoga Book C930はキーボードの代わりに電子ペーパーを搭載 | TechCrunch Japan
2018年9月6日
- 2018年8月第5週号 1位は，日本のウェブデザインの10の特徴，気になるネタは，イープラス「チケット購入アクセスの9割がbotだった」――アカマイの検知システムで判明
- 1. 10 Distinctive Features of Japanese-Style Web Design - Designmodo
- 2. 10 Creative About Me Pages
- 3. Design notes
- 4. Icon Transition Generator
- 5. Introducing Ghost 2.0
- 先週の気になるWebサービス
- Logo Maker & Logo Creator - Free Logo Generator Online
- 今週の気になるWebネタ
- イープラス「チケット購入アクセスの9割がbotだった」――アカマイの検知システムで判明 - ITmedia NEWS
2018年8月30日
- 2018年8月第4週号 1位は，新しいウェブサイトを立ち上げるときにやるべきこと，気になるネタは，Evernote、10周年で新ロゴ発表（ゾウは健在）
- 1. How to Launch a New Website - Tips, Tricks and Insights
- 2. Black and White Design: 10 Stunning Examples (+ Tips) | Design Shack
- 3. Sketch, Figma, Adobe XD, UXPin or InVision Studio: which one? | Koos Looijesteijn
- 4. Practical CSS Scroll Snapping | CSS-Tricks
- 5. Have you tried these essential WordPress tools & services? | Web Resources | WebAppers
- 先週の気になるWebサービス
- Carbon
- 今週の気になるWebネタ
- Evernote，10周年で新ロゴ発表（ゾウは健在） - ITmedia NEWS
2018年8月23日
- 2018年8月第3週号 1位は，スライドアウトメニューのオリジナルの手法を10個紹介，気になるネタは，「Alexa」が進化，「後で分かったらお知らせします」が可能に
- 1. 10 Original Ways to Slide Out a Menu in Web Design - Designmodo
- 2. How to Design a User-Friendly SaaS Pricing Page with Examples
- 3. 20 Must-Have Wireframe Templates and UI Kits for Your Design Library
- 4. 12 YouTube Channels for Design and Development | Practical Ecommerce
- 5. 100 days of Motion Design – UX Collective
- 先週の気になるWebサービス
- Learn Flexbox
- 今週の気になるWebネタ
- 「Alexa」が進化，「後で分かったらお知らせします」が可能に - CNET Japan
2018年8月16日
- 2018年8月第2週号 1位は，固定ナビゲーションメニューのトレンド，気になるネタは，FacebookとInstagramに使いすぎ防止機能追加へ
- 1. Design Trends for Fixed Navigation Menus in Web Design - Designmodo
- 2. Pattern Designs
- 3. Dark Pattern Design — It’s Downright Unethical & Irresponsible
- 4. Interaction Design: 7 Basic Types of UI Animation
- 5. Motus
- 先週の気になるWebサービス
- Gridlover
- 今週の気になるWebネタ
- FacebookとInstagramに使いすぎ防止機能追加へ - ITmedia NEWS
2018年8月9日
- 2018年8月第1週号 1位は，ウェブデザインでのよくある間違いのまとめ，気になるネタは，円形ディスプレイのスマートスピーカ「Amazon Echo Spot」発売
- 1. Common webpage design mistakes
- 2. 10 Popular UI Design Trends on Dribbble in 2018
- 3. The Complete Illustrated Flexbox Tutorial – freeCodeCamp
- 4. 8 Secrets of the Perfect Link | Webdesigner Depot
- 5. 16 Adobe XD UI Kits by Top Designers - Freebie Supply
- 先週の気になるWebサービス
- CSS Duotone Generator
- 今週の気になるWebネタ
- 円形ディスプレイのスマートスピーカ「Amazon Echo Spot」発売--1万4980円 - CNET Japan
2018年8月2日
- 2018年7月第4週号 1位は，ウェブサイトを素早くデザインリニューアルする方法，気になるネタは，Google，自分と同じ姿勢の写真をリアルタイムに表示する「Move Mirror」公開
- 1. Express Website Redesign: Using Pre-built Websites to Avoid a Laborious Rebranding Process - Designmodo
- 2. How to Create Future-Proof Design System and Make it Easily Accessible for the Product Team
- 3. 8 Ways to Make the Search Field Sexy with CSS
- 4. 4 Unique Placeholder Image Services for Designers | Design Shack
- 5. Shortcuts.design | Every shortcut for designers in one place 🚀
- 先週の気になるWebサービス
- Placid.app - Generate your Social Share Images automatically
- 今週の気になるWebネタ
- Google，自分と同じ姿勢の写真をリアルタイムに表示する「Move Mirror」公開 - Engadget 日本版
2018年7月26日
- 2018年7月第3週号 1位は，デザインシステムはなぜ重要で何を含めるべきか，気になるネタは，Facebook，AR（拡張現実）広告のテストを開始 口紅やサングラスを試せる
- 1. What is a Design System, Why It is Important and What to Include - Designmodo
- 2. A UX/UI Case Study: Designing a Text-To-Speech App From The Ground Up
- 3. UX Hacking Usability with Psychological Principles | The JotForm Blog
- 4. 10 years of the App Store: The design evolution of the earliest apps | 9to5Mac
- 5. 20 Best New Portfolios, July 2018 | Webdesigner Depot
- 先週の気になるWebサービス
- 25+ Real-Life Tools for Web Designers and Developers | Design Shack
- 今週の気になるWebネタ
- Facebook，AR（拡張現実）広告のテストを開始 口紅やサングラスを試せる - ITmedia NEWS
2018年7月19日
- 2018年7月第2週号 1位は，モバイルECサイトで上部にナビゲーションバーを追加することのススメ，気になるネタは，アプリで読み取ると商品ページに飛ぶ「Amazonスマイルコード」--雑誌などの出版物に
- 1. Growth Rock » The Link Bar, an Ecommerce Mobile Homepage Navigation Alternative (to the Hamburger Menu)
- 2. 6 Amazing Tips to Improve M-Commerce UX - Anadea
- 3. 3 practical cheat sheets for designing attention grabbing UIs
- 4. The Most Hated UI & UX Pattern of 2018
- 5. How to use Chrome DevTools like a Pro | The JotForm Blog
- 先週の気になるWebサービス
- UI Sources | Mobile Design Patterns and Interactions
- 今週の気になるWebネタ
- アプリで読み取ると商品ページに飛ぶ「Amazonスマイルコード」--雑誌などの出版物に - CNET Japan
2018年7月12日
- 2018年7月第1週号 1位は，UX制作でやりがちな小さなデザインの失敗いろいろ，気になるネタは，世界を57兆個の小さな区画に分割してそれぞれにユニークな名前をつけたwhat3wordsに投資が殺到
- 1. 10 Small Design Mistakes We Still Make – UX Planet
- 2. 7 Tips for Designing a Large Footer | Design Shack
- 3. Designing for accessibility is not that hard – UX Collective
- 4. Essential Design Trends, July 2018 | Webdesigner Depot
- 5. shotsnapp - Beautiful mockup presentation
- 先週の気になるWebサービス
- Cryptee | Private, Secure, Encrypted Documents & Photos
- 今週の気になるWebネタ
- 世界を57兆個の小さな区画に分割してそれぞれにユニークな名前をつけたwhat3wordsに投資が殺到 | TechCrunch Japan
2018年7月5日
- 2018年6月第4週号 1位は，デザイン作業の段階に分けておすすめのUXツールを紹介，気になるネタは，Instagram、YouTubeに対抗する長尺動画サービス「IGTV」提供開始
- 1. UX Design Tools for 2018 (For Mac AND PC) – Prototypr
- 2. Never Overlook Animation in UX – The Lair – Medium
- 3. How to Use Pre-Built Websites to Avoid Making These Unforgivable Design Mistakes
- 4. 5 Design & Development Skills to Learn This Summer
- 5. Easier scrollytelling with position sticky
- 先週の気になるWebサービス
- Wonder
- 今週の気になるWebネタ
- Instagram、YouTubeに対抗する長尺動画サービス「IGTV」提供開始 | マイナビニュース
2018年6月28日
- 2018年6月第2週号 1位は，縦方向と横方向のスクロールを組み合わせたレスポンシブデザインのススメ，気になるネタは，GitHubは「設計図共有サイト」？ 日経記事の見出しが話題に
- 1. Bidirectional Scrolling is Here to Save Responsive Design - Marvel Blog
- 2. 3 Essential Design Trends, June 2018 | Webdesigner Depot
- 3. Downplaying Empty States in Design | Shakuro
- 4. How to make cool Gradients – Prototypr
- 5. Background Design Trends & Styles for 2018 | Design Shack
- 先週の気になるWebサービス
- SVG Animation Creator - Animate and Export SVG | SVGator
- 今週の気になるWebネタ
- GitHubは「設計図共有サイト」？ 日経記事の見出しが話題に その後修正 - ITmedia NEWS
2018年6月14日
- 2018年6月第1週号 1位は，良いマイクロコピーを書く10個のヒント，気になるネタは，ドラえもんとおしゃべりできる「Clova Friends mini」発売へ
- 1. 10 Tips for Writing Great Microcopy | Design Shack
- 2. How Using White Space Improves Your Designs - Onextrapixel
- 3. 2018 Logo Trends | Articles | LogoLounge
- 4. Exploring Dark and Gothic Trends in Web Design - 1stWebDesigner
- 5. Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4 ― Scotch
- 先週の気になるWebサービス
- さくっと作成，らく～に運営｜One Page（ワンページ）
- 今週の気になるWebネタ
- ドラえもんとおしゃべりできる「Clova Friends mini」発売へ - ITmedia NEWS
2018年6月7日
- 2018年5月第5週号 1位は，CSSでの各種レイアウト手法を初歩から分かりやすく解説，気になるネタは，CSSEdit，Espressoの開発元MacRabbitが終了を発表
- 1. Getting Started With CSS Layout — Smashing Magazine
- 2. Fontisto - the iconic font and css toolkit
- 3. Why You Shouldn't Use Bright, Saturated Colors for Backgrounds
- 4. Overflow — the world’s first user flow diagramming tool tailored for designers.
- 5. How to build a better product with UX writing – UX Collective
- 先週の気になるWebサービス
- 6 Instagram Stories Design Tools for Marketers
- 今週の気になるWebネタ
- CSSEdit，Espressoの開発元MacRabbitが終了を発表
2018年5月31日
- 2018年5月第4週号 1位は，SketchによるUIデザイン制作をステップごとに紹介，気になるネタは，Instagram、フィードの投稿を自分のストーリーで共有可能に
- 1. Behind the Design Curtain: eCommerce Collection Page
- 2. 7 Rules of Using Radio Buttons vs Drop-Down Menus – Prototypr
- 3. 7 typography trends in web design | Webflow Blog
- 4. 10 Sleek Apple-Style Code Projects From CodePen - 1stWebDesigner
- 5. Custom List Number Styling | CSS-Tricks
- 先週の気になるWebサービス
- CSS Grid Layout Interface Builder | LayoutIt!
- 今週の気になるWebネタ
- Instagram，フィードの投稿を自分のストーリーで共有可能に - CNET Japan
2018年5月24日
- 2018年5月第3週号 1位は，カード型コンポーネントの構造やスタイル，動作などを解説，気になるネタは，デジタルカメラの歴史を築いたブランドが消える - カシオの撤退
- 1. Cards and Composability in Design Systems – EightShapes – Medium
- 2. Why You Should Never Use Pure Black for Text or Backgrounds
- 3. 10 Code Snippets for Creating Masonry Grid Layouts
- 4. 20 Responsive Image Galleries and Slideshows (2018) - Hongkiat
- 5. 18 Twitter Accounts Every Web Designer Should Follow in 2018 | Webdesigner Depot
- 先週の気になるWebサービス
- Product Timelines
- 今週の気になるWebネタ
- デジタルカメラの歴史を築いたブランドが消える - カシオの撤退 | マイナビニュース
2018年5月17日
- 2018年5月第2週号 1位は，デザインの構成要素を，数値ではなく見た目で調整する方法，気になるネタは，VR180カメラからYouTubeにライブストリーミングができるモバイルアプリが登場
- 1. Optical adjustments in components – Prototypr
- 2. Why You Should Never Center or Right Align Your Logo
- 3. The Ultimate Guide to Font Sizes in UI Design – Learn UI Design
- 4. gridtoflex.com
- 5. Responsive Knockout Text With Looping Video | CSS-Tricks
- 先週の気になるWebサービス
- Unique
- VR180カメラからYouTubeにライブストリーミングができるモバイルアプリが登場 | TechCrunch Japan
2018年5月10日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/