週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 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日
- 2018年4月第4週号 1位は，UIデザインの重要なトレンド，気になるネタは，Alexa Blueprintsで誰でもカスタムAlexaスキルが作れる
- 1. 9 Essential UI Design Trends You Should Stick to in 2018
- 2. Web Design Trends 2018: The Complete Guide for Designers
- 3. Tips For Using Images in Web Design: 20 Examples | SpyreStudios
- 4. The most impressive redesign examples of the brands you love
- 5. 10 Tips for a Perfect Facebook Cover Image | Design Shack
- 先週の気になるWebサービス
- Solis For Mac - A Live Design Output that integrates seamlessly with your favourite code editor for true live code previewing.
- 今週の気になるWebネタ
- Alexa Blueprintsで誰でもカスタムAlexaスキルが作れる | TechCrunch Japan
2018年4月26日
- 2018年4月第3週号 1位は，デザインにグラデーションを使う10個の理由，気になるネタは，打倒LINEは可能なのか 「＋メッセージ」導入の狙いを読み解く
- 1. 10 Reasons to Love (and Use) Gradients in 2018 | Webdesigner Depot
- 2. 5 Website Navigation Best Practices All Designers Should Follow
- 3. 7 Tips for Using Background Textures in Web Design | Design Shack
- 4. How and When to Create a Website with a Black Background Design
- 5. Museum of Websites - Kapwing
- 先週の気になるWebサービス
- oorja
- 今週の気になるWebネタ
- 打倒LINEは可能なのか 「＋メッセージ」導入の狙いを読み解く (1/3) - ITmedia Mobile
2018年4月19日
- 2018年4月第2週号 1位は，ボタンのステータス（状況）によるデザインのヒント，気になるネタは，「Alexa」，決済機能「Amazon Pay」で米非営利団体への寄付が可能に
- 1. Designing Button States - Cloud Four
- 2. 25 Best Responsive Business Website Design Examples
- 3. 3 Essential Design Trends, April 2018 | Webdesigner Depot
- 4. Try the most efficient UX/UI Tools in 2018 | Web Resources | WebAppers
- 5. Mockup Photos - High quality mockup templates from around the world
- 先週の気になるWebサービス
- Logobook - Discover the worlds finest logos, symbols and trademarks
- 今週の気になるWebネタ
- 「Alexa」，決済機能「Amazon Pay」で米非営利団体への寄付が可能に - CNET Japan
2018年4月12日
- 2018年4月第1週号 1位は，ユーザーの時間を奪わないためのウェブデザインのヒント，気になるネタは，「Alexa，子供服はどこで取り扱っている？」 池袋PARCOで「Amazon Echo」が館内案内
- 1. 7 Tips for Creating a Time-Saving Design for Users | Design Shack
- 2. 10 Pure CSS Responsive Navigation Code Snippets
- 3. Design Tips For Extra Large Website Footers - Onextrapixel
- 4. 12 Fixed Sticky Navbars That'll Grab Your Attention | Webdesigner Depot
- 5. Mobbin - Latest Mobile Design Patterns
- 先週の気になるWebサービス
- STUDIO | デザイン，公開，運用がひとつになった，Webデザインプラットフォーム
- 今週の気になるWebネタ
- 「Alexa，子供服はどこで取り扱っている？」 池袋PARCOで「Amazon Echo」が館内案内 - ITmedia NEWS
2018年4月5日
- 2018年3月第5週号 1位は，ランディングページを良くするための10個のヒント，気になるネタは，Google，虚偽ニュース対策とメディア企業支援の「News Initiative」に3億ドル投入
- 1. 10 Tips for Designing Landing Pages That Don’t Suck | Design Shack
- 2. Icon Design: 5 Essential Tips to Get You Started | NOUPE
- 3. Designing Accessible Navigations – UX Planet
- 4. 10 Javascript Libraries For Frontend ! | SpaceSword
- 5. 10 most inspiring whitespace designs for web designers
- 先週の気になるWebサービス
- Timeline for Sketch
- 今週の気になるWebネタ
- Google，虚偽ニュース対策とメディア企業支援の「News Initiative」に3億ドル投入 - ITmedia NEWS
2018年3月29日
- 2018年3月第4週号 1位は，ユーザーフレンドリーなフォームを作るためのヒント，気になるネタは，カシオの「ゲーム電卓」復活 シューティング搭載「SL-880」38年ぶりに
- 1. Creating User-friendly forms – Prototypr
- 2. The Great Design Battle of 2018 — Pick Your Side – Design + Sketch – Medium
- 3. UI Design: How to Amplify User Interface with Illustrations
- 4. 10 Examples of Effective Website Header and Footer Design
- 5. Best Free Scroll To Top JavaScript Plugins & Snippets - Onextrapixel
- 先週の気になるWebサービス
- All categories | Interfaces.pro
- 今週の気になるWebネタ
- カシオの「ゲーム電卓」復活 シューティング搭載「SL-880」38年ぶりに - ITmedia NEWS
2018年3月22日
- 2018年3月第3週号 1位は，良い事例から学ぶランディングページを改善するためのヒント，気になるネタは，LINEのタブに「LINEウォレット」が出現--決済・金融サービスを集約
- 1. Improve your landing page by learning from the best
- 2. 3 Essential Design Trends, March 2018 | Webdesigner Depot
- 3. Good to great UI animation tips – UX Collective
- 4. 8 Websites To Find Free Creative Commons Icons For Design Projects - 1stWebDesigner
- 5. Best of Interaction Design — Mar 2018 – Product Disrupt Blog
- 先週の気になるWebサービス
- CSS Gradient Generator
- 今週の気になるWebネタ
- LINEのタブに「LINEウォレット」が出現--決済・金融サービスを集約 - CNET Japan
2018年3月15日
- 2018年3月第2週号 1位は，画像最適化のための10のヒント，気になるネタは，犬目線のストリートビューで，戌年を楽しもう
- 1. 10 Must Know Image Optimization Tips - Image SEO
- 2. 30 Seconds of CSS
- 3. Prototyping inside Sketch 49 — Learn how it works and what you can do
- 4. 12 Landscape Scenes Built Entirely With CSS & SVG
- 5. Titanic - CSS Puns T-shirt 👕 & Mugs ~ Saijo George
- 先週の気になるWebサービス
- MockingBot - Mobile prototyping without headaches
- 今週の気になるWebネタ
- Google Japan Blog: 犬目線のストリートビューで，戌年を楽しもう
2018年3月8日
- 2018年3月第1週号 1位は，デザインを改善するための7つの実践的ヒント，気になるネタは，Twitter，複数アカウントによる同じツイートやいいねを規制へ
- 1. 7 Practical Tips for Cheating at Design – Refactoring UI – Medium
- 2. Navigation Design: Is the Vertical Menu the New Best Practice? | NOUPE
- 3. Call for Attention. UI Design Tips on CTA Buttons. – UX Planet
- 4. 10 Open Source Modal Login/Signup Windows For Developers - 1stWebDesigner
- 5. 8 Must-Have Site & Page Building Tools for 2018
- 先週の気になるWebサービス
- ContentCory
- 今週の気になるWebネタ
- Twitter，複数アカウントによる同じツイートやいいねを規制へ ロシアbot問題を受け - ITmedia NEWS
2018年3月1日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/