Teddy Matayoshi
LightNews LightNews
banner
teddymatayoshi.bsky.social
Teddy Matayoshi
@teddymatayoshi.bsky.social
9 followers 2 following 220 posts
Co-founder at Tokyo based https://www.pyxofy.com. Maintains #pyxofy
www.pyxofy.com.
Posts Media Videos Starter Packs
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 5h
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
pyxo.me/13cec0 #pyxofy
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() | Codrops
With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 1d
How To Choose The Correct Logo Placement
pyxo.me/72db2b #pyxofy
How To Choose The Correct Logo Placement - 2025 Guide
This comprehensive guide will walk you through the critical considerations for optimising logo placement regardless of format or size restrictions.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 1d
Continuous Integration
pyxo.me/793321 #pyxofy
Continuous Integration
Every developer integrates their work into mainline at least every day.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 3d
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
pyxo.me/845aa2 #pyxofy #cssart #codenewbie
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
Unlock precise design control. Master CSS positioning using the translate property and grouping HTML elements using classes with us, step by step
pyxo.me
1
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 5d
The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond
pyxo.me/aeeb1f #pyxofy
The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond — Smashing Magazine
AI promises a major upheaval in typography, with designers finding themselves navigating both opportunities and challenges. How will it impact quality, design roles, and our use of type in the future?...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 5d
The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond
pyxo.me/aeeb1f #pyxofy
The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond — Smashing Magazine
AI promises a major upheaval in typography, with designers finding themselves navigating both opportunities and challenges. How will it impact quality, design roles, and our use of type in the future?...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 7d
How Much Does A Logo Redesign Cost?
pyxo.me/5f72c8 #pyxofy
How Much Does A Logo Redesign Cost? - 2025 Pricing Guide
This article explores the primary considerations around logo redesign cost and the potential ROI this move can provide over the short and long term.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 8d
What Is a Widow or Orphan in Typography?
pyxo.me/dcb41b #pyxofy
What Is a Widow or Orphan in Typography?
In the realm of typography, two terms often cause confusion for designers and typesetters alike: widows and orphans. These seemingly small details can significantly impact the readability and aestheti...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 10d
スクラッチプログラミング - アイコンメーカーのつくりかた
pyxo.me/e40f67 #pyxofy #scratch #programming
スクラッチプログラミング - アイコンメーカーのつくりかた
Scratch で人気(にんき)のアイコンメーカー。アイデア次第(しだい)でいろいろなキャラクターをつくれるプロジェクトです。この記事(きじ)では、スライダーをうごかしてキャラクターのみためをかえる方法(ほうほう)をくわしく解説(かいせつ)します。
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 12d
Fixing Cumulative Layout Shift Problems
pyxo.me/ba62d3 #pyxofy
Fixing Cumulative Layout Shift Problems on DavidWalshBlog
Over 50 thousand developers visit DavidWalshBlog every month from around the world to learn JavaScript tricks and fix problems in their code.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 13d
CSS Blurry Shimmer Effect
pyxo.me/d419c7 #pyxofy
CSS Blurry Shimmer Effect — Smashing Magazine
Taking inspiration from shadows, author Yair Even Or creates the same sort of thing, only with a blurring effect in place of the shadow. Read along for a step-by-step explanation of how it comes toget...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 14d
How to be Productive
pyxo.me/deb2c5 #pyxofy
How to be Productive – The Sweet Setup
Discover the pillars of how to be productive that lead to real meaningful progress in your work and personal life.
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 15d
A Simple Guide To Retrieval Augmented Generation Language Models
pyxo.me/41f314 #pyxofy
A Simple Guide To Retrieval Augmented Generation Language Models — Smashing Magazine
Language models have shown impressive capabilities. But that doesn’t mean they’re without faults, as anyone who has witnessed a ChatGPT “hallucination” can attest. In this article, Joas Pambou diagnos...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 16d
The Power of Yellow: A Showcase of Stunning Yellow Websites Graphic Design Junction
pyxo.me/245e5b #pyxofy
The Power of Yellow: A Showcase of Stunning Yellow Websites Graphic Design Junction
"The Power of Yellow: A Showcase of Stunning Yellow Websites" has guided us through a captivating journey, exploring the versatile and impactful nature of the
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 17d
CSS Animation – Using cubic-bezier() for Anticipation and Spring Effects
pyxo.me/8e79d5 #pyxofy #cssanimation #codenewbie
CSS Animation - Using cubic-bezier() for Anticipation and Spring Effects
Anticipation and spring effects make your animations dynamic. Learn to animate isometric cubes with CSS using cubic-bezier(), step-by-step.
pyxo.me
1
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 19d
Becoming Data Driven, From First Principles
pyxo.me/e0c9e4 #pyxofy
Becoming Data Driven, From First Principles
People often say things like "become data driven" without explaining what that means or how to do it. This is everything you need to know to actually become data driven, from scratch, using the same f...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 20d
Free Gradients Background Colors
pyxo.me/ec680b #pyxofy
Free GradientsList
Free GradientsList
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 21d
9 Worst Nightmares for Web Developers
pyxo.me/177124 #pyxofy
9 Worst Nightmares for Web Developers
Many believe that being a web developer is a breeze, envisioning us merely tapping away at the keyboard in the comfort of our homes, a steaming cup of
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 22d
Hiring a product designer: 1 hard skill and 3 soft skills to look for
pyxo.me/a81fc0 #pyxofy
Hiring a product designer: 1 hard skill and 3 soft skills to look for—Martian Chronicles, Evil Martians’ team blog
It’s a challenge for founders to find product designer who is both a good fit for an early-stage startup and who has the potential to become a future head of product. This is tough because early-stage...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 23d
The Feature Trap: Why Feature Centricity Is Harming Your Product
pyxo.me/c9fd9d #pyxofy
The Feature Trap: Why Feature Centricity Is Harming Your Product — Smashing Magazine
Most product teams commonly adopt a feature-centric mindset, finding them convenient for brainstorming, drafting requirement documents, and integrating into backlogs and ticketing systems. In this art...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 24d
スクラッチプログラミング - けしゴムおとしゲーム｜モバイル対応(たいおう)
pyxo.me/8cc4f1 #pyxofy #scratch #programming
スクラッチプログラミング - けしゴムおとしゲーム｜モバイル対応(たいおう)
マウスやタッチでけしゴムをひっぱってとばす「けしゴムおとし」を Scratch でつくります。キーボードをつかわずにけしゴムをうごかすので、タブレットなどでもあそぶことができるゲームです。
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 26d
Making Sense Of “Senseless” JavaScript Features
pyxo.me/877b0c #pyxofy
Making Sense Of “Senseless” JavaScript Features — Smashing Magazine
JavaScript may be the most popular client-side language in the world, but it’s far from perfect and not without its quirks. Juan Diego Rodriguez examines several “absurd” JavaScript eccentricities and...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · 27d
10+ Creative Graphic Design Blogs to Follow
pyxo.me/209b34 #pyxofy
10+ Creative Graphic Design Blogs to Follow in 2025
Keeping up with the latest trends, techniques, and tools in graphic design is crucial for growth as well as inspiration in this field. That’s why you should always have good design blogs bookmarked on...
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · Sep 22
Marketing Vs Advertising: A Comprehensive Comparison
pyxo.me/bd0c85 #pyxofy
Marketing Vs Advertising: A Comprehensive Comparison - 2025
Understanding the key differences between marketing vs advertising is essential for crafting an effective promotional plan. Learn more on the blog!
pyxo.me
teddymatayoshi.bsky.social
Teddy Matayoshi @teddymatayoshi.bsky.social · Sep 21
CSS Animation - Create Dynamic Split and Spring Animation Transitions with Pure CSS pyxo.me/c8cd04 #pyxofy #cssanimation #codenewbie
CSS Animation - Create Dynamic Split and Spring Animation Transitions with Pure CSS
Make your designs and UI pop! Learn to split and animate an isometric cube with smooth motion and springy bounce in this step-by-step tutorial.
pyxo.me
2