Teddy Matayoshi's Avatar

Teddy Matayoshi

@teddymatayoshi

Co-founder at Tokyo based https://www.pyxofy.com. Maintains #pyxofy

13
Followers
2
Following
327
Posts
23.11.2024
Joined
Posts Following

Latest posts by Teddy Matayoshi @teddymatayoshi

Preview
Sliding 3D Image Frames In CSS — Smashing Magazine Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. Temani Afif applies 3D effects ...

Sliding 3D Image Frames In CSS
pyxo.me/b29334 #pyxofy

09.03.2026 09:53 👍 0 🔁 0 💬 0 📌 0
Preview
Swift Playground - コードを学ぼう1【関数】Part 1 Swift Playground「コードを学ぼう1」で関数の使い方を学習しましょう。本記事ではプログラミング初心者にも分かりやすいように解説し、コードの正解例を掲載しています。

Swift Playground - コードを学ぼう1【関数】Part 1
pyxo.me/55a3ae #pyxofy #swiftplayground #programming

07.03.2026 23:14 👍 0 🔁 0 💬 0 📌 0
Preview
CLI UX best practices: 3 patterns for improving progress displays—Martian Chronicles, Evil Martians’ team blog 3 popular UI patterns for keeping users informed about ongoing processes: the spinner, the X of Y pattern, and the progress bar, the pros and cons of each, and tips for choosing the one that best suit...

CLI UX best practices: 3 patterns for improving progress displays
pyxo.me/70d03c #pyxofy

06.03.2026 03:12 👍 0 🔁 0 💬 0 📌 0
Preview
Converting Plain Text To Encoded HTML With Vanilla JavaScript — Smashing Magazine What do you do when you need to convert plain text into formatted HTML? Perhaps you reach for Markdown or manually write in the element tags yourself. Or maybe you have one or two of the dozens of onl...

Converting Plain Text To Encoded HTML With Vanilla JavaScript
pyxo.me/aebbff #pyxofy

05.03.2026 10:42 👍 0 🔁 0 💬 0 📌 0
Preview
What's Next for a Global Design System I recently published an article outlining the need for a Global Design System. In my post I stated: A Global Design System would improve the quality and accessibility of the world’s web experience...

What’s Next for a Global Design System
pyxo.me/fc0b58 #pyxofy

04.03.2026 09:43 👍 1 🔁 0 💬 0 📌 0
Preview
Create a vertical timeline Here's what we'll cover: Discover how to position an item precisely using the grid-column...

Create a vertical timeline
pyxo.me/a8f854 #pyxofy

03.03.2026 10:20 👍 0 🔁 0 💬 0 📌 0
Preview
Modern CSS Tooltips And Speech Bubbles (Part 2) — Smashing Magazine In Part 1 of this series, Temani Afif explored different CSS techniques to create tooltip shapes. The main challenge was to rely on a single element and create optimized code that could easily be cont...

Modern CSS Tooltips And Speech Bubbles (Part 2)
pyxo.me/36b0d3 #pyxofy

02.03.2026 03:08 👍 0 🔁 0 💬 0 📌 0
Preview
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2 Make shiny, eye‑catching effects! Follow this easy guide to create smooth highlights and shadows using pure CSS—perfect for beginners.

CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2
pyxo.me/0a0b95 #pyxofy #cssart #codenewbie

28.02.2026 22:43 👍 1 🔁 0 💬 0 📌 0
Preview
16 Most Profitable Website Ideas For Striking Gold (2026) Let's look at some profitable website ideas to make your digital dreams come true. You might just become the next online millionaire!

16 Most Profitable Website Ideas For Striking Gold
pyxo.me/e5deba #pyxofy

27.02.2026 10:01 👍 0 🔁 0 💬 0 📌 0
Preview
Grid Item Reveal Animation on Hover | Codrops A recreation of the grid item reveal animation on hover as seen on the website of Metalab.

Grid Item Reveal Animation on Hover
pyxo.me/3e7189 #pyxofy

26.02.2026 11:04 👍 0 🔁 0 💬 0 📌 0
Preview
How to Create a Website and a PDF from the Same Codebase Let's build a website and generate a PDF from the contents using basic CSS and a PDF generation API.

How to Create a Website and a PDF from the Same Codebase
pyxo.me/5e9796 #pyxofy

25.02.2026 11:22 👍 0 🔁 0 💬 0 📌 0
Preview
Accessible Forms with Pseudo Classes | CSS-Tricks In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo-class known as :focus-within. The

Accessible Forms with Pseudo Classes
pyxo.me/ecfa41 #pyxofy

24.02.2026 03:11 👍 0 🔁 0 💬 0 📌 0
Preview
Swift Playground - コードを学ぼう1【コマンド】Part 2 Swift Playground「コードを学ぼう1」でデバッグに挑戦してみましょう。本記事ではプログラミング初心者にも分かりやすいように解説し、コードの正解例を掲載しています。

Swift Playground - コードを学ぼう1【コマンド】Part 2
pyxo.me/2b131c #pyxofy #swiftplayground #programming

21.02.2026 23:58 👍 0 🔁 0 💬 0 📌 0
Preview
Crafting Experiences: Uniting Rikyu’s Wisdom With Brand Experience Principles — Smashing Magazine Whether digital or physical, designing a customer touchpoint requires an understanding of the essential relationship between the brand and the user experience, which is also known as the **brand exper...

Crafting Experiences: Uniting Rikyu’s Wisdom With Brand Experience Principles
pyxo.me/428d73 #pyxofy

20.02.2026 03:11 👍 0 🔁 0 💬 0 📌 0
Preview
8 Reasons Why Timesheets Are Essential to Your Organization - noupe Do you struggle to track employees' work hours effectively? Do you often face inefficiencies and errors associated with billing and payroll processing? Do

8 Reasons Why Timesheets Are Essential to Your Organization
pyxo.me/9de6c6 #pyxofy

19.02.2026 10:15 👍 0 🔁 0 💬 0 📌 0
Preview
Gradient Text with a Drop Shadow Gradient text is pretty easy to do these days with `background-clip: text;` — but it kills your ability to use `text-shadow`. SVG to the rescue.

Gradient Text with a Drop Shadow
pyxo.me/d9b92b #pyxofy

17.02.2026 03:19 👍 0 🔁 0 💬 0 📌 0
Preview
Why Clients Are Asking for More Creative Control in Web Design — Speckyboy Strategies for giving clients more control and flexibility in web design projects, ensuring satisfaction and creativity.

Why Clients Are Asking for More Creative Control in Web Design
pyxo.me/475157 #pyxofy

16.02.2026 10:04 👍 0 🔁 0 💬 0 📌 0
Preview
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1 Learn clip-path and shape() basics to build modern, image-free UI designs—perfect for beginners. Draw curves and custom silhouettes with pure CSS

CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1
pyxo.me/c59041 #pyxofy #cssart #codenewbie

15.02.2026 00:20 👍 2 🔁 0 💬 0 📌 0
Preview
8 Female Graphic Designers & Their Most Iconic Work In this blog we will introduce you to 8 of the best female graphic designers while showing off their best work!

8 Female Graphic Designers & Their Most Iconic Work
pyxo.me/798b89 #pyxofy

13.02.2026 03:24 👍 0 🔁 0 💬 0 📌 0
Preview
How to Convert Newsletter Readers to Supporters and Customers | Inbox Collective Newsletters can be an incredible tool for turning readers into customers. Here’s how to get readers to support your work or buy something.

How to Convert Newsletter Readers to Supporters and Customers
pyxo.me/3b8 #pyxofy

12.02.2026 09:36 👍 0 🔁 0 💬 0 📌 0
Preview
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript — Smashing Magazine There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility th...

Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript
pyxo.me/7aea99 #pyxofy

11.02.2026 10:42 👍 0 🔁 0 💬 0 📌 0
Preview
Chris’ Corner: Real World CSS I enjoyed Lee Robinson’s take on How I’m Writing CSS in 2024. Rather than jump right into tools and syntax, it starts with the user: What does a great experience look like loading style…

Real World CSS
pyxo.me/4ti #pyxofy

09.02.2026 12:15 👍 0 🔁 0 💬 0 📌 0
Preview
Swift Playground - コードを学ぼう1【コマンド】Part 1 Swift Playground「コードを学ぼう1」でコマンドの使い方をマスターしましょう。本記事ではプログラミング初心者にも分かりやすいように解説し、コードの正解例を掲載しています。

Swift Playground - コードを学ぼう1【コマンド】Part 1
pyxo.me/971132 #pyxofy #swiftplayground #programming

08.02.2026 00:02 👍 0 🔁 1 💬 0 📌 0
Preview
The Future Of User Research: Expert Insights And Key Trends — Smashing Magazine Based on responses from over 1,200 product professionals, Maze’s Future of User Research Report uncovers how product teams conduct research to inform decision-making and build successful products. Lea...

The Future Of User Research: Expert Insights And Key Trends
pyxo.me/61cb35 #pyxofy

06.02.2026 10:21 👍 0 🔁 0 💬 0 📌 0
Preview
Engaging Different Types of Social Media Followers Building a social media following feels like aiming to be the most popular kid in school, but exponentially more challenging. It often appears as though

Engaging Different Types of Social Media Followers
pyxo.me/458c58 #pyxofy

05.02.2026 03:05 👍 0 🔁 0 💬 0 📌 0
Preview
Chris’ Corner: More Like Scalable Vector Goodness I’m going to do an SVG issue here, because I find that technology persistently interesting. It’s a bit of a superpower for front-end developers who know how it works and can leverage it…

More Like Scalable Vector Goodness
pyxo.me/8c56ec #pyxofy

04.02.2026 09:43 👍 0 🔁 0 💬 0 📌 0
Preview
Creating effective technical documentation | MDN Blog This article provides an overview of the core components required for creating effective technical documentation. Learn the best practices to make your documentation clear, consistent, and well-struct...

Creating effective technical documentation
pyxo.me/edc225 #pyxofy

03.02.2026 03:01 👍 0 🔁 0 💬 0 📌 0
Preview
12 Top Web Design Tools and Resources for 2026 – AI and Creative Picks | Codrops Discover the top 12 web design tools for 2026 – from AI-powered builders to creative resources for designers.

12 Top Web Design Tools and Resources for 2026
pyxo.me/81a0cd #pyxofy

02.02.2026 03:49 👍 0 🔁 0 💬 0 📌 0
Preview
CSS Art – Using clip-path: polygon() for Building Responsive Isometric Pyramids Want to build an isometric pyramid using only CSS? Follow our clear, step-by-step article and learn the techniques behind this striking 3D effect

CSS Art – Using clip-path: polygon() for Building Responsive Isometric Pyramids
pyxo.me/02d46d #pyxofy #cssart #codenewbie

01.02.2026 00:19 👍 1 🔁 0 💬 0 📌 0
Preview
How To Center a Div • Josh W. Comeau Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we...

How To Center a Div
pyxo.me/5wh #pyxofy

30.01.2026 03:08 👍 0 🔁 0 💬 0 📌 0