Zatta Production
Japanese Production Studio for Web, Video, Paper, and other things.
Misc things in various ways.

Free Tools

Production notes 制作雑記

Referrer Exclusion for GA4 and About Referrer Spam

GA4で参照元除外の設定1Setting up referrer exclusion in GA4 1

I found a new referrer spam recently, so I did a referrer exclusion in both Google Analytics Universal Analytics and GA4. It seems that referrer exclusion was not possible in GA4 before, but now it can be done easily.

How to implement looping/autoplaying videos using video tags and recommended values for file size and encoding

Best practices for implementing looping and auto-playing videos using video tags, as well as recommended values for video file size and encoding. You can also see the real examples through this article.

Steps to use GA4 and Universal Analytics together and GTM settings and notes

How to add properties for GA4 and use them together with Universal Analytics property. It's easy, but one thing to keep in mind when setting up with Google Tag Manager (GTM).

Simple Gantt : Free Excel template for easy creation of Gantt charts

手軽にガントチャートを作成できる無料Excelテンプレート「Simple Gantt」

Simple Gantt is a free Excel book that allows you to easily create simple Gantt charts. It can be used for project management, shift charting, etc.

I received Honorable Mention from an international web design competition Awwwards.

雑多制作が制作し、国際ウェブデザインコンペでHonorable Mentionを受賞した彫刻家 佐々倉文さんのウェブサイト

I am pleased to announce that the website of sculptor Aya Sasakura, which was created by Zatta Production (Founded by Kota Shimizu), has been selected as an Honorable Mention and The Mobile Excellence Award in the international website design and development competition "Awwwards".

How to Debug iPhone Safari with Windows Chrome

This article explains how to debug a web page opened in Safari on iOS (iPhone) from Chrome on Windows PC.

[Open data] Visualization of new coronavirus( COVID19) positive patient attributes in Fukushima (visualization / Viz)

福島県新型コロナウイルスデータ - Fukushima COVID19 data

Visualization of open data on novel coronaviruses in Fukushima Prefecture (data visualization).

Switching Node.js versions with NVM for Windows

Node.jsのバージョンをNVM for Windowsで切り替える

This is a step-by-step guide to using NVM for Windows to change multiple Node.js versions depending on the project. It also includes how to deal with errors.

Steps to enable two-step verification in Bitbucket and SSH connection with Tortioise Git needed for this.

This is for those who use TortoiseGit as their Git client software and Bitbucket for hosting their repositories. This article summarizes the steps to generate an SSH key to enable two-step verification on Bitbucket and configure it on TortoiseGit and Bitbucket.

Is 16px the standard for font size on the Web?

I had a chance to look up the "appropriate font size for body text" again, so I put it together. The conclusion was that 12px to 18px is the standard for both Japanese and English. It is also important to adjust the font size according to the demographics of the visitors to your site.