週刊Webテク通信
「デイリーWebテク」というメルマガの発行人・芦之由と申します。Webデザインやサイト構築に役立つブログ記事やニュースをセレクトしてほぼデイリーでお届けするメルマガを細々と続けています。
本連載では「デイリーWebテク」の一週間分の記事から厳選したオススメ情報を毎週発表していきます。
- 2021年1月第4週号 1位は，デザインに関連したコンバージョンの失敗とその回避方法，気になるネタは，モリサワ，写研とOpenTypeフォントを共同開発 24年にリリース
- 1. 8 design-related conversion fails (& how you can easily avoid them) | Dribbble Design Blog
- 2. New Web Design Trends and Inspiration for 2021 | Codrops
- 3. Building Flexible Components With Transparency - Cloud Four
- 4. An Early Look at Full Site Editing in WordPress
- 5. Animating with Lottie | CSS-Tricks
- 先週の気になるWebサービス
- RendezView | Endless Canvas Built For Work
- 今週の気になるWebネタ
- モリサワ，写研とOpenTypeフォントを共同開発 24年にリリース - ITmedia NEWS
2021年1月21日
- 2021年1月第3週号 1位は，2021年に注目すべきEメールのデザイントレンド，気になるネタは，Facebook，ページでの「いいね」を廃止し，「フォロー」に一本化へ
- 1. Email Design Trends for 2021 - Designmodo
- 2. How to Make a Hero Image Website Design for Your Main Page
- 3 Essential Design Trends, January 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. Sketch Alternatives: 5 Tools To Replace Sketch For Your Design Needs
- 5. The Most Interesting Developer Tools for 2021 - Impressive Webs
- 先週の気になるWebサービス
- Tails - TailwindCSS Page Creator
- 今週の気になるWebネタ
- Facebook，ページでの「いいね」を廃止し，「フォロー」に一本化へ - ITmedia NEWS
2021年1月14日
- 2021年1月第2週号 1位は，2020年に人気のあったUI／UXデザインのトレンド，気になるネタは，Flashの最後の日、Adobe自身がサポートを停止 | TechCrunch Japan
- 1. Big Review of Major UI Design Trends for Web and Mobile in 2020
- 2. Graphic Design Trends 2021 Inspired By What We All Experienced This Year | by Dana Kachan | Dec, 2020 | Muzli - Design Inspiration
- 3. The Rules of Margin Collapse
- 4. 7 Takeaways from the 2020 UX Tools Survey | Learn UXD
- 5. AnimXYZ
- 先週の気になるWebサービス
- Keevi Screen Recorder
- 今週の気になるWebネタ
- Flashの最後の日，Adobe自身がサポートを停止 | TechCrunch Japan
2021年1月7日
- 2020年12月第4週号 1位は，2020年版のデザインツール投票の結果発表，気になるネタは，TwitterのRT仕様，元に戻した理由は「“思慮深い拡散”につながらなかった」から
- 1. 2020 Tools Survey Results - Uxtools.co
- 2. CSSLab - Web Design Catalyst
- 3. Handling Short And Long Content In CSS
- 4. Centering in CSS
- 5. Design Trend: Imagery Without People | Design Shack
- 先週の気になるWebサービス
- JotForm Tables | Free Spreadsheet Powered Database Platform
- 今週の気になるWebネタ
- TwitterのRT仕様，元に戻した理由は「“思慮深い拡散”につながらなかった」から - ITmedia NEWS
2020年12月24日
- 2020年12月第3週号 1位は，2021年に向けてのUIデザインのトレンド，気になるネタは，「Apple M1」搭載Macのモニター出力に複数の制約--EIZOが注意喚起
- 1. A guide of UI design trends for 2021 | by Diana Malewicz | Dec, 2020 | UX Collective
- 2. How to Build a Website With No Coding | JUST™ Creative
- 3. UI Flowchart Cards ―for website builders, designers and developers.
- 4. 6 Free Animated Icon Packs for Adobe After Effects
- 5. 25 Beautifully Colorful Websites - Vandelay Design
- 先週の気になるWebサービス
- Figside | Ship Websites with Figma
- 今週の気になるWebネタ
- 「Apple M1」搭載Macのモニター出力に複数の制約--EIZOが注意喚起 - CNET Japan
2020年12月17日
- 2020年12月第2週号 1位は，CSSに関する調査結果，気になるネタは，ドコモの「ahamo（アハモ）」，気を付けるべき点は？
- 1. The State of CSS 2020
- 2. 11 Tips for Creating a Usable Website Contact Page | Design Shack
- 3. 4 Creative Ways to Design a Festive Website | Webdesigner Depot
- 4. 10 Hot Logo Design Trends for 2021 - Icons8 Blog
- 5. A Calendar in Three Lines of CSS – Calendar Tricks
- 先週の気になるWebサービス
- Feedlify - Customer Feedback tool
- 今週の気になるWebネタ
- ドコモの「ahamo（アハモ）」，気を付けるべき点は？ - ITmedia Mobile
2020年12月10日
- 2020年12月第1週号 1位は，CSSでのレイアウトの実装についての考え方，気になるネタは，Googleから新しい映像デバイス「Chromecast with Google TV」登場 従来のChromecastとは何が違う？
- 1. Thinking Like a Front-end Developer
- 2. Making layout grids work for you – Figma
- 3. Dynamically-Sized Sticky Sidebar with HTML and CSS | CSS-Tricks
- 4. Inspirational Websites Roundup #20 | Codrops
- 5. 12 Free CSS Paginations
- 先週の気になるWebサービス
- Screenity - Screen Recorder & Annotation Tool - Chrome ウェブストア
- 今週の気になるWebネタ
- Googleから新しい映像デバイス「Chromecast with Google TV」登場 従来のChromecastとは何が違う？【比較】 - Fav-Log by ITmedia
2020年12月3日
- 2020年11月第4週号 1位は，デザインの一貫性についてのまとめ，気になるネタは，OPPO，巻取りスマホのコンセプトモデル「OPPO X 2021」を公開
- 1. User Experience: Insights Into Consistency in Design
- 2. The UI & UX Tips Collection: Volume One. | Marc Andrew
- 3. UI Interactions & Animations Roundup #12 | Codrops
- 4. Behind the feature: the making of the new Auto Layout
- 5. Tailwind CSS v2.0 – Tailwind CSS
- 先週の気になるWebサービス
- Bubbles: Video and Screenshot Collaboration
- 今週の気になるWebネタ
- OPPO，巻取りスマホのコンセプトモデル「OPPO X 2021」を公開 - ケータイ Watch
2020年11月26日
- 2020年11月第3週号 1位は，エンゲージメントを高めるお問い合わせページをデザインする方法，気になるネタは，「Googleフォト」，無制限の無料ストレージを2021年5月末で終了へ
- 1. How to Design a Contact Page that Drives Engagement | Webdesigner Depot
- 2. Website Design: The Ultimate Guide with Examples - Designmodo
- 3. Top Landing Page Design Tips That Will Definitely Help You
- 4. How to fix a bad user interface
- 5. API for Web Icons | SVGBox.net
- 先週の気になるWebサービス
- Scribbble
- 今週の気になるWebネタ
- 「Googleフォト」，無制限の無料ストレージを2021年5月末で終了へ - CNET Japan
2020年11月19日
- 2020年11月第2週号 1位は，Google新アイコンの区別の付きにくさを改善する試み，気になるネタは，自撮り画像を他人が撮ったように変換する技術「Unselfie」 Adobeなど開発
- 1. Why Google’s new app logos are pretty (&) bad | by Markus Hofmann | Bootcamp | Nov, 2020 | Medium
- 2. 9 essential elements of a modern website design | Webflow Blog
- 3. Color Contrast Mistakes on Buttons
- 4. Amazing Examples of Vintage Style Web Design - Qode Interactive
- 5. OrbitCSS - A modern CSS framework based on Flexbox.
- 先週の気になるWebサービス
- Ench — A new era editor for digital creators.
- 今週の気になるWebネタ
- 自撮り画像を他人が撮ったように変換する技術「Unselfie」 Adobeなど開発 - ITmedia NEWS
2020年11月12日
- 2020年11月第1週号 1位は，CSSによって要素を隠す方法の比較，気になるネタは，Appleが簡単動画作成アプリClips 3.0発表，縦位置ビデオサポートでTikTok世代を狙う
- 1. Comparing Various Ways to Hide Things in CSS | CSS-Tricks
- 2. Practical Guide to Color Theory for UI designers
- 3. Website Footer Best Practices & Examples to Learn From in 2020 - Noupe Online Magazine
- 4. Free Mockups, Templates & Icons for Your Next Design Project | Dribbble Design Blog
- 5. Minimal CSS Frameworks — dailydevlinks
- 先週の気になるWebサービス
- PatternPad - Editor CSS Background Patterns by MagicPattern
- 今週の気になるWebネタ
- Appleが簡単動画作成アプリClips 3.0発表，縦位置ビデオサポートでTikTok世代を狙う | TechCrunch Japan
2020年11月5日
- 2020年10月第5週号 1位は，CSSグリッドの完全版チュートリアル，気になるネタは，AdobeがiPad用IllustratorとiPhone用Frescoをリリース
- 1. The Complete CSS Grid Tutorial
- 2. Web Layout Best Practices – 12 Timeless UI Patterns | Toptal
- 3. 10 Usability Mistakes Most Designers Make on Checkboxes
- 4. Figma Vs Adobe XD: Which is Better for UX Prototyping - noupe
- 5. A step-by-step process for creating responsive logo designs | Dribbble Design Blog
- 先週の気になるWebサービス
- Deep Word
- 今週の気になるWebネタ
- AdobeがiPad用IllustratorとiPhone用Frescoをリリース | TechCrunch Japan
2020年10月29日
- 2020年10月第4週号 1位は，UIデザインのためのユーザビリティの経験則10選，気になるネタは，グーグル検索，気になる曲をハミングすると曲名を教えてくれる新機能
- 1. 10 Usability Heuristics for UI Design - Prototypr | Prototyping
- 2. 34 Impressive Examples of Fullscreen Navigation Menus - Qode Interactive
- 3. Design Trend: Modern Tappable Targets (And How to Do It) | Design Shack
- 4. Layoutit Grid: Learning CSS Grid Visually With a Generator | CSS-Tricks
- 5. Exciting New Tools for Designers, October 2020 | Webdesigner Depot
- 先週の気になるWebサービス
- Echo – Instant voice messaging for remote teams
- 今週の気になるWebネタ
- グーグル検索，気になる曲をハミングすると曲名を教えてくれる新機能 - CNET Japan
2020年10月22日
- 2020年10月第3週号 1位は，フッターデザインの実例を多数紹介，気になるネタは，ドコモ，「iモード公式サイト」を2021年11月末に終了へ
- 1. 13 unique website footer design examples | Webflow Blog
- 2. 3 Essential Design Trends, October 2020 | Webdesigner Depot
- 3. 10 Free CSS Snippets for Creating Carousel Sliders
- 4. Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers
- 5. 29 of My Favorite Design Tools & Websites You’ve Never Heard of | by Danny Sapio | Oct, 2020 | UX Collective
- No code free website bot maker | Joonbot
- 今週の気になるWebネタ
- ドコモ，「iモード公式サイト」を2021年11月末に終了へ - CNET Japan
2020年10月15日
- 2020年10月第2週号 1位は，UIデザインの危険なトレンド，気になるネタは，Hameeが小学生向け“プレスマホ”を発表 月額1000円で1GB，Google Playにも対応
- 1. The 5 main anti-trends in design. Everything is cool, until it isn’t cool… | by Diana Malewicz | Sep, 2020 | UX Collective
- 2. CSS Responsive Image Tutorial: How to Make Images Responsive with CSS
- 3. 12 Ready-to-Use Sliders for Your Website | SpyreStudios
- 4. Some New Icon Sets | CSS-Tricks
- 5. 20 Freshest Web Designs, September 2020 | Webdesigner Depot
- 先週の気になるWebサービス
- Synthesia - AI video generation platform
- 今週の気になるWebネタ
- Hameeが小学生向け“プレスマホ”を発表 月額1000円で1GB，Google Playにも対応 - ITmedia Mobile
2020年10月8日
- 2020年10月第1週号 1位は，ハンバーガーメニューのエンゲージメントを高める方法，気になるネタは，アマゾンがEcho Dotを球体に再設計，キッズ版に動物のデザインと読書機能を追加
- 1. Secrets to High Engagement on Hamburger Menus
- 2. Successful Design Handoff
- 3. 10 useful HTML5 features, you may not be using
- 4. BGJar | Free svg background image generator for your websites
- 5. Web Design Inspiration | Discover the Best Website Designs
- 先週の気になるWebサービス
- SendFileOnline | Share file with 6 digit code for free
- 今週の気になるWebネタ
- アマゾンがEcho Dotを球体に再設計，キッズ版に動物のデザインと読書機能を追加 | TechCrunch Japan
2020年10月1日
- 2020年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 1. 5 Basic Types of Images in Web Design - Design4Users
- 2. Learn CSS Centering
- 3. The Beginner's Guide to Responsive Web Design in 2020 (Code Samples)
- 4. A guide to minimalist design. The reign of white space. | by Inês Bernardino | Sep, 2020 | UX Collective
- 5. 3D Icons Trend 2020 - Masterpicks - Design Inspiration
- 先週の気になるWebサービス
- Wunderpresentation - Create presentation slides from any text
- 今週の気になるWebネタ
- ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か (1/2) - ITmedia NEWS
2020年9月24日
- 2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
- 1. UX Design for Navigation Menus | Learn UXD
- 2. How to Choose UI Colors for Mobile and Web Design Wisely
- 3. Landing Page 101: How to design a landing page that converts | Dribbble Design Blog
- 4. 7 Principles Of Icon Design
- 5. Footers Design Gallery | Smiley Cat
- 先週の気になるWebサービス
- Narakeet
- 今週の気になるWebネタ
- Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション - ITmedia NEWS
2020年9月17日
- 2020年9月第2週号 1位は，CSS Flexboxを使ったヘッダーの作り方，気になるネタは，“偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能
- 1. Building Website Headers with CSS Flexbox
- 2. Website Animation Types & Trends That Will Dominate Your Screen in 2020–2021 | by Dana Kachan | Design + Sketch | Aug, 2020 | Medium
- 3. Comparing Browsers for Responsive Design | CSS-Tricks
- 4. Custom bullets with CSS ::marker
- 5. 15 Amazing CSS Background Effects - 1stWebDesigner - Best of the best!
- 先週の気になるWebサービス
- Shape - 26000+ Icons & Illustrations to SVG, Lottie, React.
- 今週の気になるWebネタ
- “偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能 - ITmedia NEWS
2020年9月10日
- 2020年9月第1週号 1位は，ウェブアニメーションの基本ルール，気になるネタは，MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」
- 1. Ground Rules for Web Animations | CSS-Tricks
- 2. Why and How You Should Create Wireframes With Others - Boagworld Show
- 3. 10 Tips to Design Perfect Website Backgrounds
- 4. 20 Freshest Web Designs, August 2020 | Webdesigner Depot
- 5. Awesome Demos Roundup #17 | Codrops
- 先週の気になるWebサービス
- Startup - Free Bootstrap Builder for Templates & Themes
- 今週の気になるWebネタ
- MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」 - ITmedia NEWS
2020年9月3日
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/