週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 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日
- 2018年2月第4週号 1位は，優れたデザインチームでも陥りがちなUXの間違い，気になるネタは，HomePodの“輪染み”防止用コースター、19.95ドルで予約受付中
- 1. Really Bad UX Mistakes That Even Great Teams Make
- 2. How to Design Readable Content for the Web | Design Shack
- 3. 30 Unique Design Tools to Make Working Easier in 2018
- 4. 10 Creative Website Navigation Designs - 1stWebDesigner
- 5. 360°web ー画像アップでお手軽360° webサイト作成ー
- 先週の気になるWebサービス
- Linktree
- 今週の気になるWebネタ
- HomePodの“輪染み”防止用コースター，19.95ドルで予約受付中 - ITmedia NEWS
2018年2月22日
- 2018年2月第3週号 1位は，ウェブデザインのためにやるべきこと、やってはいけないこと，気になるネタは，Twitter、初の黒字--第4四半期は予想上回る
- 1. The 12 Do’s and Don’ts of Web Design | Adobe Blog
- 2. 7 Interesting Ways to Display Content Excerpts
- 3. 10 Free CSS Ghost Button Code Snippets - 1stWebDesigner
- 4. 9 Best Free CSS Flexbox Tutorials - 1stWebDesigner
- 5. 40 Excellent Mini Icon Sets - Hongkiat
- 先週の気になるWebサービス
- JotForm Cards
- 今週の気になるWebネタ
- Twitter，初の黒字--第4四半期は予想上回る - CNET Japan
2018年2月15日
- 2018年2月第2週号 1位は，モバイルアプリでのUIデザインのトレンド，気になるネタは，Instagram，文字だけを投稿できる機能を追加
- 1. Top 9 UI Design Trends for Mobile Apps in 2018 – Muzli -Design Inspiration
- 2. Web Design Trends to Try in 2018 - Designmodo
- 3. Designing For Trust: How to Add Elements of Trust to Your Layouts - Hongkiat
- 4. Easing Gradients
- 5. Keeping aspect-ratio with HTML and no padding tricks
- 先週の気になるWebサービス
- Pigment by ShapeFactory | Easy to use color palette generator
- 今週の気になるWebネタ
- Instagram，文字だけを投稿できる機能を追加 - 週刊アスキー
2018年2月8日
- 2018年2月第1週号 1位は，ウェブページを評価する5つの指標とそれを元にしたデザイン改善案，気になるネタは，GoogleはAIカメラに「心に残る瞬間」を教え込めたのか
- 1. 5 Website Metrics You Can't Ignore (and How to Design for Them) | Webdesigner Depot
- 2. 10 Smallest & Fastest Frontend Web Dev Frameworks - Designmodo
- 3. Top 7 eCommerce Web Design Trends to Watch for in 2018
- 4. 10 Bootstrap 4 Code Snippets
- 5. Css text effects
- 先週の気になるWebサービス
- COLORWISE | Find the best colors through the most voted products on Product Hunt
- 今週の気になるWebネタ
- GoogleはAIカメラに「心に残る瞬間」を教え込めたのか - ITmedia NEWS
2018年2月1日
- 2018年1月第4週号 1位は，UIデザインにおけるゲシュタルトの法則，気になるネタは，JR北海道，券面をスマホに表示させて乗車する「スマホ定期券」
- 1. Gestalt principles in UI design. – Muzli -Design Inspiration
- 2. Bye bye Material Design – Techtrument – Medium
- 3. Call For Attention. Powerful CTA Button Design. | Tubik Studio
- 4. 5 Basic Tips for Illustrating – Al Power – Medium
- 5. Open Concept Layouts
- 先週の気になるWebサービス
- Linqes - Manage and share your bookmarks
- 今週の気になるWebネタ
- JR北海道，券面をスマホに表示させて乗車する「スマホ定期券」 - CNET Japan
2018年1月25日
- 2018年1月第3週号 1位は，視覚的階層構造（ビジュアルヒエラルキー）の効果的テクニック，気になるネタは，ソニー，1月11日（ワンワンワン）でaiboの販売を開始
- 1. 9 Effective Tips on Visual Hierarchy – UX Planet
- 2. 8 Best Practices for Perfect CSS Documentation
- 3. CSS Arrows From CodePen - Freebie Supply
- 4. 30+ Best Line Patterns & Textures | Design Shack
- 5. The Responsive || Showcasing the finest responsive design
- 先週の気になるWebサービス
- CSS GEARS - Gradients Cards
- 今週の気になるWebネタ
- ソニー，1月11日（ワンワンワン）でaiboの販売を開始--オーナーに手渡しも - CNET Japan
2018年1月18日
- 2018年1月第2週号 1位は，2017年に人気のUIデザインツールまとめ，気になるネタは，AmazonはFire TVのYouTubeアプリをアップデートしてユーザーをWebブラウザーに誘導
- 1. Reviewing the most popular UI design tools in 2017
- 2. Web Design Trends 2018: What Will Make an Impact This Year?
- 3. Chrome is turning into the new Internet Explorer 6 - The Verge
- 4. CSS Background Patterns From CodePen - Freebie Supply
- 5. Fun Times With Sizing Grid Elements | CSS-Tricks
- 先週の気になるWebサービス
- Listly | Fully-automated Web Scraping
- 今週の気になるWebネタ
- AmazonはFire TVのYouTubeアプリをアップデートしてユーザーをWebブラウザーに誘導 | TechCrunch Japan
2018年1月11日
- 2017年12月第3週号 1位は，インタラクションデザインの10個の基本原則，気になるネタは，「iMac Pro」発売 ハイエンド構成だと約150万円に
- 1. 10 Basic Interaction Design Principles to Boost the UX Design
- 2. 18 Designers Predict UI/UX Trends for 2018 – Figma Design
- 3. Using CSS Counters - Pine
- 4. Modern Websites and Elements: 8 Sources of Inspiration for Designers | NOUPE
- 5 Best Sketch Plugins for UX/UI Designers in 2018 – Prototypr
- 先週の気になるWebサービス
- Feed43 : Convert any web page to news feed on the fly
- 今週の気になるWebネタ
- 「iMac Pro」発売 ハイエンド構成だと約150万円に - ITmedia NEWS
2017年12月21日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/