もっともっと、もっと先へ。株式会社アットワークMore and more,
further and further.

Adobe Photoshopのコンテンツに応じたトレースツールについて

「コンテンツに応じたトレースツール（Content-Aware Tracing Tool）」は、PhotoshopのAI技術を利用して画像内の輪郭を自動検出し、ベクターパスを作成する機能です。ロゴやイラスト、シルエットな […]

cssとjsで実装するマウスストーカーの制作忘備録です。Flashの頃からあるギミックですが、クライアントのサイトに必要ということで実装しました。ギミックとしてだけでなく、スカーソルの見失い防止やリンクの強調などにも役立 […]

従来のレスポンシブデザインでは複数のメディアクエリを記述する必要がありましたが、clamp()を使うことで1行のCSSだけで滑らかなサイズ変化を実現できます。ClampGenは、その計算を自動化することで、より保守性の高 […]

WordPressのカテゴリー一覧でカテゴリーを表すユニークなサムネイル画像を表示させたいことはよくあります。市販のテーマでは、そもそもその機能がついている場合もありますが、自作のテーマでは、コードを書いて実装するほか […]

粒子感（grain/noise）のあるグラデーションは、2026年のWebデザインでもかなり使われています。特に「クリエイティブ系」「AI系」「モダンLP」などで「無機質すぎるフラットUI」を避けるためによく採用されてい […]

縦横軸の同時実装は、設計上はもともと可能だったにもかかわらず、各ブラウザで挙動が安定せずに未実装だったように理解されていますが、ようやくモダンブラウザで安定してサポートされるようになりました。大きなテーブルレイアウトなど […]