週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2017年10月第3週号 1位は，良いボタンを作るための5つのテクニック，気になるネタは，ビックカメラ，ARで家電配置 購入前にイメージ確認
- 1. 5 Design Techniques for Better CTA Buttons | Webdesigner Depot
- 2. The 8 biggest typography mistakes designers make | Creative Bloq
- 3. Splash Screen Revival: Web Design Trend Showcase
- 4. 120+ Great Cheat Sheets for WordPress, Web Developers and Designers
- 5. You can get pretty far in making a slider with just HTML and CSS | CSS-Tricks
- 先週の気になるWebサービス
- Griddy
- 今週の気になるWebネタ
- ビックカメラ，ARで家電配置 購入前にイメージ確認 - ITmedia NEWS
2017年10月19日
- 2017年10月第2週号 1位は，ボタンを使わない未来のUIデザインについて，気になるネタは，スマートスピーカーの国内展開は「レンタル」と「実質0円」に注目
- 1. Future UI Design Without Buttons | Toptal
- 2. 10 Free Snippets for Creating CSS Content Cards
- 4. Making a Pure CSS Play/Pause Button | CSS-Tricks
- 5. 10 Beautiful Examples of iOS 11 App Design
- RatioBuddy - Aspect ratio calculator
- 今週の気になるWebネタ
- スマートスピーカーの国内展開は「レンタル」と「実質0円」に注目 - 週刊アスキー
2017年10月12日
- 2017年10月第1週号 1位は，暗い色のUIを使うことの良い点と悪い点，気になるネタは，実名制Q＆Aサイト「Quora」日本語版β公開
- 1. Dark UIs. The Good and the Bad. Dos and Don’ts. | Toptal
- 2. Top Prototyping Tools You Should Use to Save Time
- 3. CSS Grid PlayGround | Terminology | Mozilla
- 4. 10 Super Useful Code Generators for Web Designers
- 5. 10 Inspirational Websites with Angled Graphics
- 先週の気になるWebサービス
- Good Web Design
- 今週の気になるWebネタ
- 実名制Q＆Aサイト「Quora」日本語版β公開 - ITmedia NEWS
2017年10月5日
- 2017年9月第4週号 1位は，実例で学ぶFlexboxの完全ガイド，気になるネタは，GoogleのiOS向けキーボードアプリ「Gboard」，日本語に対応
- 1. The Ultimate Guide to Flexbox — Learning Through Examples
- 2. 4 Tricks to Make Load Times Feel Faster | Webdesigner Depot
- 3. Design for iPhone X – prototypr
- 4. Free iPhone X Mockup Templates (28 Mock-ups) | Freebies | Graphic Design Junction
- 5. After the flood | Projects | AtF Spark
- 先週の気になるWebサービス
- BrandColors - official brand color hex codes
- 今週の気になるWebネタ
- GoogleのiOS向けキーボードアプリ「Gboard」，日本語に対応 | マイナビニュース
2017年9月28日
- 2017年9月第2週号 1位は，コールトゥアクションボタンが高い効果を得るための完全ガイド，気になるネタは，ボストン・レッドソックスがApple Watchを使ってニューヨーク・ヤンキースからサインを盗んでいた
- 1. Call-to-Action buttons – the ultimate guide for high-converting CTAs
- 2. 8 Essential Tips for The Perfect Website | JUST™ Creative
- 3. 5 years, 5 trends: A look at the past and future of design
- 4. How icons are ruining interfaces - Axess Lab
- 5. CSS Checkbox Styles From CodePen - Freebie Supply
- 先週の気になるWebサービス
- Pandacolors
- 今週の気になるWebネタ
- ボストン・レッドソックスがApple Watchを使ってニューヨーク・ヤンキースからサインを盗んでいた | TechCrunch Japan
2017年9月14日
- 2017年9月第1週号 1位は，最近の重要なウェブデザインのトレンド3つ，気になるネタは，4Kの360度動画が撮れる！ リコーの全天周カメラ最上位機「THETA V」発表
- 1. 3 Essential Design Trends, September 2017 | Webdesigner Depot
- 2. Typographical inspiration in trendy web design
- 3. 25+ CSS Animation Libraries » CSS Author
- 4. jquery.devicemock.js
- 5. WhatRuns - Discover What Runs a Website
- 先週の気になるWebサービス
- 26 Cool Online Photo Editors And Image Tools To Entertain Ourselves
- 今週の気になるWebネタ
- 4Kの360度動画が撮れる！ リコーの全天周カメラ最上位機「THETA V」発表 - 週刊アスキー 360度カメラ「Insta360 ONE」発売--「マトリックス」風グルグル映像も手軽に - CNET Japan
2017年9月7日
- 2017年8月第5週号 1位は，円滑なユーザー体験のためにウェブデザインでやるべきこと，やってはいけないこと，気になるネタは，Twitterのハッシュタグが誕生10周年
- 1. Do’s and Don’ts of Web Design for Smooth User Experience
- 2. 5 Smart Alternatives to the Hamburger Menu | Webdesigner Depot
- 3. 5 Amazing Hamburger Menu Trends to Emulate - Dynamic Drive Blog
- 4. CanvasFlip : Visual Inspector
- 5. vhs
- 先週の気になるWebサービス
- Aperitif - The recipe for successful web templates
- 今週の気になるWebネタ
- Twitterのハッシュタグが誕生10周年 最も使用されたのは？ - ライブドアニュース
2017年8月31日
- 2017年8月第4週号 1位は，分割画面ホームページのデザインテクニック，気になるネタは，Facebook、不評のストーリーカメラを強化。ライブ、GIF動画、テキストを追加
- 1. 4 Ways To Design a Perfect Split Screen Homepage | Webdesigner Depot
- 2. 6 Web Design Trends You Should Forget - With Examples
- 3. 10 mistakes in landing page design – Design Leadership – Medium
- 4. 30 Inventive Website Footer Designs
- 5. 10 Fascinating Examples of Wireframes in Web Design
- 先週の気になるWebサービス
- 無料で使えるメールフォームと顧客管理 | formrun（フォームラン）
- 今週の気になるWebネタ
- Facebook，不評のストーリーカメラを強化。ライブ，GIF動画，テキストを追加 | TechCrunch Japan
2017年8月24日
- 2017年8月第3週号 1位は，手痛いミスから学ぶユーザーインターフェイス10の法則，気になるネタは，Instagramのライブ配信に友人を招待--新機能が追加へ
- 1. User Interface Design: 10 Principles Learned from Painful Mistakes
- 2. Dangerous Design trends 2017 – Muzli -Design Inspiration
- 3. White space in UI design – UX Planet
- 4. Hover-Buttons
- 5. 25 Interactive HTML Websites That Look Like Flash
- 先週の気になるWebサービス
- Pastel
- 今週の気になるWebネタ
- Instagramのライブ配信に友人を招待--新機能が追加へ - CNET Japan
2017年8月17日
- 2017年8月第2週号 1位は，ウェブアクセシビリティを向上させるための10のガイドライン，気になるネタはDeNAのファッションメディア「MERY」が年内復活へ――小学館と共同出資会社を設立
- 1. 10 guidelines to improve your web accessibility | Aerolab
- 2. Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid – Smashing Magazine
- 3. 75 Web Animation Tools You Have to Try | Webdesigner Depot
- 4. 10 Free Breadcrumb CSS Snippets For Web Projects
- 5. 10 Custom Hover & Click Effects With CSS & JavaScript
- 先週の気になるWebサービス
- Firefox Send
- 今週の気になるWebネタ
- DeNAのファッションメディア「MERY」が年内復活へ――小学館と共同出資会社を設立 | TechCrunch Japan
2017年8月10日
- 2017年8月第1週号 1位は，モバイルUXのためにコンテンツ最適化する7つの方法，気になるネタはAdobe「Flash」を2020年末に終了へ
- 1. 7 Ways to Adapt Content for Better Mobile UX | Design Shack
- 2. Mobile UI Design: Basic Types of Screens. – UX Planet
- 3. 25 Web Designs With Clever Fixed Header Effects
- 4. 5 CSS Properties That You Probably Don't Know
- 5. Shoelace.css: a back to the basics CSS starter kit
- 先週の気になるWebサービス
- Grabient
- 今週の気になるWebネタ
- Adobe，「Flash」を2020年末に終了へ - ITmedia NEWS
2017年8月3日
- 2017年7月第4週号 1位は，モバイルサイトのデザインを改善するナビゲーションのヒント，気になるネタはGoogleアプリのカードがよりパーソナルに 「フォロー」ボタンで機械学習
- 1. Improving Your Website’s Mobile Design: Crucial Navigation Tips - Onextrapixel
- 2. The Newest Email Design Trends of 2017 – Really Good Emails
- 3. Best Practices For Minimalism In Web Design. 15+ stunning examples
- 4. 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack
- 5. Showcase of Parallax Scrolling Effects in Web Design
- 先週の気になるWebサービス
- RSSUnify - Combine multiple RSS feeds for free
- 今週の気になるWebネタ
- Googleアプリのカードがよりパーソナルに 「フォロー」ボタンで機械学習 - ITmedia NEWS
2017年7月27日
- 2017年7月第3週号 1位は，2017年のWebデザインのトレンド，気になるネタはカメラを向けるだけでナレーションしてくれるアプリ「Seeing AI」，MSが公開
- 1. Top 5 Design Trends of 2017 (So Far!) | Design Shack
- 2. 5 Popular UX Patterns That Users Hate | Webdesigner Depot
- 3. Methods to Organize CSS | CSS-Tricks
- 4. 6 Free Material Design CSS Frameworks for 2017 Compared — SitePoint
- 5. Material Design: 20 CSS Snippets You Will Love
- 先週の気になるWebサービス
- Website Speed Test - Image Analysis Tool by Cloudinary
- 今週の気になるWebネタ
- カメラを向けるだけでナレーションしてくれるアプリ「Seeing AI」，MSが公開 - CNET Japan
2017年7月20日
- 2017年7月第2週号 1位は，ウェブデザイナーのポートフォリオにおける最新のデザイン動向，気になるネタはスマートスピーカーの音声AI､住人の口論を自動通報。起こったかもしれない殺人事件防止に一役
- 1. The Latest Design Trends in the Portfolios of Web Designers
- 2. Booking.com — UX Analysis and Responsive Redesign – uxdesign.cc
- 3. 3 Essential Design Trends, July 2017 | Webdesigner Depot
- 4. 29 About Us Pages for Design Inspiration - SpyreStudios
- 5. 20 Inspirational Examples of Minimal Web Design
- 先週の気になるWebサービス
- 10 Design Tools You Aren’t Using (But Should Be!) | Design Shack
- 今週の気になるWebネタ
- スマートスピーカーの音声AI､住人の口論を自動通報。起こったかもしれない殺人事件防止に一役 - Engadget 日本版
2017年7月13日
- 2017年7月第1週号 1位は，クライアントが気に入るバナーの作り方，気になるネタは，ディレクトリ型検索「Yahoo!カテゴリ」終了へ--創業時から続いた老舗サービス
- 1. How to Design Banners That Clients Will Love | Webdesigner Depot
- 2. Popular Web Animation Techniques for Designers
- 3. 137 CSS Buttons | Free Frontend
- 4. Why are some of the Web's ugliest sites also the most popular?
- 5. Full Page Screenshots in Browsers | CSS-Tricks
- 先週の気になるWebサービス
- 8 Fundamental Tools to Help You Start an Online Business - eWebDesign
- 今週の気になるWebネタ
- ディレクトリ型検索「Yahoo!カテゴリ」終了へ--創業時から続いた老舗サービス - CNET Japan
2017年7月6日
- 2017年6月第5週号 1位は，失敗しないメニューデザインのヒント，気になるネタは，PCで「フリック入力」できる専用デバイス キーボードが使えない“スマホネイティブ”世代向け
- 1. 10 Ways to Design Menus That Don’t Suck | Webdesigner Depot
- 2. エンジニア向け！CSSレイアウト講座＆用途別に選べる横並び・中央寄せのまとめ - Qiita
- 3. Are Ready-made Websites Killing Web Design? - Hongkiat
- 4. 10 CSS Breadcrumbs | Free Frontend
- 5. 10 Beautifully Designed Examples of Split Screen Layouts in Web Design
- 先週の気になるWebサービス
- Essential Color Tools for UX Designers – UX Planet
- 今週の気になるWebネタ
- PCで「フリック入力」できる専用デバイス キーボードが使えない“スマホネイティブ”世代向け - ITmedia NEWS
2017年6月29日
- 2017年6月第4週号 1位は，文字数などコンテンツ量が変わってもレイアウトが崩れないようにするCSSテクニック，気になるネタは，TwitterがUIを一新，四角いプロフィール画像が丸くなった
- 1. Handling Long and Unexpected Content in CSS | CSS-Tricks
- 2. Stay Away From These Annoying Design Trends in 2017
- 3. Keeping Your Website Design Consistent
- 4. 20 Best New Portfolio Sites, June 2017 | Webdesigner Depot
- 5. Now UI Kit by Creative Tim
- 先週の気になるWebサービス
- Top 10 Bug Tracking Tools for Web Developers and Designers
- 今週の気になるWebネタ
- TwitterがUIを一新，四角いプロフィール画像が丸くなった | TechCrunch Japan
2017年6月22日
- 2017年6月第3週号 1位は，良いヒーローイメージ（メイン画像）を作るためのヒント，気になるネタは，アップル，Siri搭載スマートスピーカ「HomePod」を12月発売へ--まず米国などで
- 1. Best Practices For Hero Images | Creative Cloud blog by Adobe
- 2. 10 Awesome CSS Button Libraries & Collections
- 3. 3 Essential Design Trends, June 2017 | Webdesigner Depot
- 4. The Best Free Support Sites & Communities For Web Developers
- 5. How to Create Medium-Like Floating Action Menu - Hongkiat.com
- 先週の気になるWebサービス
- Font-familyメーカー：標準フォント一覧からサクッと指定
- 今週の気になるWebネタ
- アップル，Siri搭載スマートスピーカ「HomePod」を12月発売へ--まず米国などで - CNET Japan
2017年6月15日
- 2017年6月第2週号 1位は，UXに悪影響を与えるUI7選，気になるネタは，子ども向けの動画視聴アプリ「YouTube Kids」が日本でも提供開始
- 1. 7 UI Choices That Damage UX | Webdesigner Depot
- 2. Designing a Small Business Website: Wants vs Needs | Creative Cloud blog by Adobe
- 3. 5 Simple & Lightweight CMSs for Web Designers
- 4. CSS Forms From CodePen - Freebie Supply
- 5. Chat UIs & Interaction Design – Inspiration Supply – Medium
- 先週の気になるWebサービス
- Web Design Museum
- 今週の気になるWebネタ
- 子ども向けの動画視聴アプリ「YouTube Kids」が日本でも提供開始，日本向けの教育コンテンツ／アニメをラインアップ -INTERNET Watch
2017年6月8日
- 2017年6月第1週号 1位は，フロントエンドのウェブ制作者が今後必要な技術や考え方，気になるネタは，Photoshopより簡単，オーストラリア発のデザインツールCanvaが日本上陸
- 1. What is the Future of Front End Web Development? | CSS-Tricks
- 2. How You Can Compete Against DIY Site Builders | Webdesigner Depot
- 3. Inspirational UI Design Ideas for Your Next Website Project — SitePoint
- 4. 30 of Our Favorite CSS Resources from This Year
- 5. On-Scroll Morphing Background Shapes | Codrops
- 先週の気になるWebサービス
- The Ultimate Website Code Generator
- 今週の気になるWebネタ
- Photoshopより簡単，オーストラリア発のデザインツールCanvaが日本上陸 | TechCrunch Japan
2017年6月1日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/