tanabe

YUIDEAでマークアップエンジニアをしているtanabeです。既存の技術や新しい技…

デザイン＆エンジニアリング

32本

YUIDEAのデザイナー・エンジニアによる共同マガジンです。クリエイティブの考え方、ノウハウ、制作ストーリーなど発信していきます。

知っていると便利！？お助けツール

こんにちは。YUIDEAでマークアップエンジニアをしているtanabeです。この記事を公開するのは５月中頃で、初夏と言われる季節ですが過ごしやすい気温が続いていてやたら眠くなっております。なのでお仕事を少しでも楽に進められるようなツールって重宝するよなぁ、と今更ながらに思ったので、今回の記事ではコーディングの時に知っていると便利なツールをご紹介します。レイアウトを表示させる方法を自分で考えて頑張るのも大事ですが、お仕事上でのタイムパフォーマンスを考えるのも必要です

主要ブラウザが対応になった！コンテナクエリって？

こんにちは。YUIDEAでマークアップエンジニアをしているtanabeです。今回は2023年の中頃から主要ブラウザに対応したコンテナクエリについて、自分の学習がてらざっくり書かせていただきます。 ※認識違いなどありましたらコメントなどで教えていただけたら幸いです！使用可能なブラウザはCan I useからご確認いただけます。コンテナクエリとはざっくりご説明すると、ビューポートの幅ではなく、コンテナの幅(親要素など)を基準にスタイルを変更できるcssです。メディアク

tanabe

1か月前

9
今更聞けないFTPのあれやこれや

こんにちはYUIDEAでマークアップエンジニアをしているtanabeです。私は訓練所にてコーディングの基本中の"基本程度"を勉強し、卒業という形で世に解き放たれてしまい、私にとって新しい技術やツールの存在に今日も今日とてヒィヒィしております。今回はいつもなんとなく使っていたけど、よくよく考えるとFTPってなんぞや。と振り返りつつ、簡単にご説明できたらなと思います。 FTPとは？私の中でFTPは「サーバにファイルをアップロードしたりダウンロードするためのツール」という

tanabe

3か月前

12
JSなしでアニメーションが作れる!?画期的なCSS”Scroll-driven Animations”

YUIDEAでマークアップエンジニアをしているtanabeです。日々勉強していることや気になっていることなどを発信できればと思っています。どうぞよろしくお願いします！今回お話ししたいのは目まぐるしい発展を続けているCSSについてです。その中でも気になっているのは”Scroll-driven Animations”。 ”Scroll-driven Animations”はJSや専用ライブラリを読み込ませることなくCSSだけでスクロールアニメーションが実装できるAPIで

tanabe

4か月前

18