週刊Webテク通信
Webデザインやサイト制作に役立つ記事やニュースをセレクトして毎週紹介します。WebテクはWebテクニック・Webテクノロジーの略です。Webテク関連の情報はやはり英語記事が充実しているので，英語記事を中心に紹介しています。自動翻訳などを使いつつ元記事をチェックしていただきたいです。
- 2021年4月第3週号 1位は，固定ヘッダーをより良いものにするための5つのヒント，気になるネタは，タスク管理「Trello」，公開範囲の設定ミスで名前や住所が筒抜けに--運営元が注意喚起
- 1. Sticky Headers: 5 Ways to Make Them Better
- 2. 3 Essential Design Trends, April 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. How to Design Better Icons. Interface iconography tips & tricks. | by Buninux | Mar, 2021 | Prototypr
- 4. 60 Shopping Cart UI For Your Inspiration - Hongkiat
- 5. 15 Glassmorphism UI Design Inspirations and Examples - Super Dev Resources
- 先週の気になるWebサービス
- Frontend Toolkit
- 今週の気になるWebネタ
- タスク管理「Trello」，公開範囲の設定ミスで名前や住所が筒抜けに--運営元が注意喚起 - CNET Japan
2021年4月15日
- 2021年4月第2週号 1位は，コンポーネントをまとめたギャラリーサイト，気になるネタは，DiscordがClubhouseのような音声イベント用チャンネルの提供を開始
- 1. The Component Gallery
- 2. 8 Common Website Layouts Built with CSS Grid
- 3. Let’s Create an Image Pop-Out Effect With SVG Clip Path | CSS-Tricks
- 4. 14 Inspiring Examples of Interactive Maps in Web Design - Qode Interactive
- 5. Create VS Code Themes Easily - Theme Studio - The VS Code Theme Editor
- 先週の気になるWebサービス
- CSS Filters Generator - Modify images with CSS/SVG only - JustCode.today
- 今週の気になるWebネタ
- DiscordがClubhouseのような音声イベント用チャンネルの提供を開始 | TechCrunch Japan
2021年4月8日
- 2021年4月第1週号 1位は，ユーザーインターフェイスを読みやすくする方法，気になるネタは，歌うように話すロボット「チャーリー」，ヤマハが発売 ボカロ技術の活用で
- 1. How to Make User Interface Readable: Tips and Practices - Design4Users
- 2. Best 20 Graphic & UX Design Blogs
- 3. Understanding Bootstrap 5 Layout - Designmodo
- 4. 20 Beautiful Nature Inspired Websites
- 5. How to Build a Single-Page Content Aggregator Website - WP Mayor
- 先週の気になるWebサービス
- Automating Video Editing | Kamua
- 今週の気になるWebネタ
- 歌うように話すロボット「チャーリー」，ヤマハが発売 ボカロ技術の活用で - ITmedia NEWS
2021年4月1日
- 2021年3月第4週号 1位は，パンくずリストをデザインするヒント，気になるネタは，グーグル，「Chrome」にリアルタイムの自動字幕起こし機能
- 1. Web Usability: Breadcrumbs Design Tips and Practices
- 2. UI & UX Micro-Tips: Volume Three. | Marc Andrew
- 3. Basic Do's and Don'ts of Effective Website Design - Design4Users
- 4. Evergreen CSS Flex Layouts With Live Demos | webup.org/blog
- 5. Printables
- 先週の気になるWebサービス
- Attract more listeners with personalized Clubhouse pages 🚀 | twiso
- 今週の気になるWebネタ
- グーグル，「Chrome」にリアルタイムの自動字幕起こし機能 - CNET Japan
2021年3月25日
- 2021年3月第3週号 1位は，新しいWebデザインのトレンド「オーロラUI」，気になるネタは，Appleが初代HomePodの販売を終了，好評のminiに注力
- 1. Aurora UI — new visual trend for 2021 | by Michal Malewicz | Mar, 2021 | UX Collective
- 2. Why I Don't Like Tailwind CSS | Aleksandr Hovhannisyan
- 3. Why Does a Design Look Good?
- 4. Clone Wars - Open source clones of popular sites
- 5. Generate unique SVG design assets | Haikei
- 先週の気になるWebサービス
- Tally forms
- 今週の気になるWebネタ
- Appleが初代HomePodの販売を終了，好評のminiに注力 | TechCrunch Japan
2021年3月18日
- 2021年3月第2週号 1位は，アイコンフォントではなくSVGを使うことのススメ，気になるネタは，憧れのタレントからサプライズでビデオメッセージが届くサービス「heyhey」日本上陸
- 1. Stop Using Icon Fonts by Michael Irigoyen
- 2. Prototyping in UX Design Guide [Free Checklist]
- 3. Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
- 4. Toolbox - Glassmorphism Generator
- 5. 20 Top Content Curation Tools for Marketers (2021)
- 先週の気になるWebサービス
- Video Popup Software for e-Commerce - Vidjet
- 今週の気になるWebネタ
- 憧れのタレントからサプライズでビデオメッセージが届くサービス「heyhey」日本上陸【追記あり】 | TechCrunch Japan
2021年3月11日
- 2021年3月第1週号 1位は，2021年に注目すべき4つのUI/UXのトレンド，気になるネタは，ドコモとKDDI，回線解約ページを検索エンジンから隠ぺい 総務省の指摘受け修正
- 1. 4 UI/UX Trends to Watch Out for in 2021 | Yellowchalk Design
- 2. Toolbox - Neumorphism Generator
- 3. 20 Best New Websites, February 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 4. The Best Online Graphic Designs Tools & Software
- 5. EXPERIENCE JAPAN PICTOGRAMS
- 先週の気になるWebサービス
- Shoutout
- 今週の気になるWebネタ
- ドコモとKDDI，回線解約ページを検索エンジンから隠ぺい 総務省の指摘受け修正 - ITmedia NEWS
2021年3月4日
- 2021年2月第4週号 1位は，Z-indexとスタッキングコンテキストについてのビジュアルガイド，気になるネタは，ソーシャルオーディオアプリClubhouseが800万ダウンロード超え，2021年2月前半に急増
- 1. Understanding Z-Index in CSS
- 2. Design Trends 2021
- 3. How to Create a Shrinking Header on Scroll Without JavaScript | CSS-Tricks
- 4. CSS transitions and hover animations, an interactive guide
- 5. Glyphs - The Complete Icon Design System
- 先週の気になるWebサービス
- SVGX
- 今週の気になるWebネタ
- ソーシャルオーディオアプリClubhouseが800万ダウンロード超え，2021年2月前半に急増 | TechCrunch Japan
2021年2月25日
- 2021年2月第3週号 1位は，ソーシャルメディアでのビジュアル戦略，気になるネタは，マイクロソフト，Pinterest買収を検討か
- 1. Social media design: 5 steps for a winning visual strategy (2021) | Dribbble Design Blog
- 2. 16 Product Design Tools You Need in Your Arsenal
- 3. SVG Repo - Free SVG Vectors and Icons
- 4. 10 Must-Watch YouTube Channels for Web Designers | Webdesigner Depot Webdesigner Depot » Blog Archive
- 5. Bootstrap 5 CheatSheet By ThemeSelection | Classes
- 先週の気になるWebサービス
- ClubLink: Optimize your Clubhouse Events for SEO and listeners ✌
- 今週の気になるWebネタ
- マイクロソフト，Pinterest買収を検討か - CNET Japan
2021年2月18日
- 2021年2月第2週号 1位は，いまならCSSだけでできること，気になるネタは，Twitterの音声チャットルーム「Spaces」を日本でいち早く体験--Clubhouse対抗になりうるか
- 1. Things You Can Do With CSS Today — Smashing Magazine
- 2. 3 Essential Design Trends, February 2021 | Webdesigner Depot Webdesigner Depot » Blog Archive
- 3. z-index by examples | juliu.is
- 4. Sketch App Sources - Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch
- 5. Glassmorphism CSS Generator
- 先週の気になるWebサービス
- SVG Waves - Instantly generate waves
- 今週の気になるWebネタ
- Twitterの音声チャットルーム「Spaces」を日本でいち早く体験--Clubhouse対抗になりうるか - CNET Japan
2021年2月12日
- 2021年2月第1週号 1位は，Clubhouseのアイコンにも使われている「スーパー楕円」のボタンの作り方，気になるネタは，いらすとや，2月より毎日更新を一時停止‐「ここ数年，ほとんど休みがなかった」
- 1. How to create a super-ellipse CSS button based on Lamé curve | by Cohan Carpentier-Larivière | codeburst
- 2. Flexbox-Guide
- 3. SVG Tutorial: How to Code SVG Icons by Hand | Aleksandr Hovhannisyan
- 4. How we migrated our design team to Figma | by Alexander Fandén | Jan, 2021 | UX Collective
- 5. Vector Mockups Library 3.0 – Figma
- 先週の気になるWebサービス
- Numbr
- 今週の気になるWebネタ
- いらすとや，2月より毎日更新を一時停止‐「ここ数年，ほとんど休みがなかった」 | TECH+
2021年2月4日
- 2021年1月第5週号 1位は，自分にはTailwind CSSが向かない理由，気になるネタは，反Facebookの「MeWe」が急成長--広告なし，プライバシー重視のSNS
- 1. Why Tailwind Isn't for Me - DEV Community
- 2. 7 Inspiring Graphic Design Trends for 2021 | Vectornator Blog
- 3. UI Design Trends for 2021 | Boxmode Blog
- 4. Amazing Free UI Illustrations and How to Use Them
- 5. Vector Pattern Generator | VISIWIG
- 先週の気になるWebサービス
- Shuffle — An online editor for busy developers
- 今週の気になるWebネタ
- 反Facebookの「MeWe」が急成長--広告なし，プライバシー重視のSNS - CNET Japan
2021年1月28日
- 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日
著者プロフィール
アシカガコウジ
フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。