【Webデザイナー必須】WEB上で簡単画像編集&圧縮ができるSquoosh.appが便利！

『Squoosh.appで簡単画像編集・圧縮』Web制作をする上で切り離せないのがサイトに挿入する写真やアイコンなどの画像要素です。今回はWebサイト上で画像編集や圧縮さらに拡張子の変更を行えるWebアプリ「Squoosh.app」を紹介します。

【VoxEdit/MagicaVoxel】The Sandboxのアセットをデザインをする！~モデリング編~

今回はThe Sandboxで使うことができるアセットのモデリングをやります！テーマは前回イラストをした宝箱と中から出てくるモンスターです！ドラクエのミミックみたいなやつですね。モデリングに使うソフトはMagicaVoxel！箱を組み合わせて積み木感覚でモデリングをすることができます。

【keen-slider.js】mouseupのイベントリスナーでmoveToIdxが効かない

最近メインで使ってるスライダーやカルーセルを作れる「keen-slider.js」でaddEventListenerでmouseUpとtouchStartのイベントの中でmoveToIdx関数でカルーセルを移動させようとした時に発生した、バグ（仕様？）でつまったのでメモしておきます。

6年前、初めてCSSを触ってからCSSモジュールを使うようになるまでの時系列

WEBサイト制作を6年してきて、CSSの書き方は素のCSS・フレームワーク・命名規則設計・モジュールのように派生・発展していくことを知りましたので、それぞれ今考えていることをまとめておこうと思います。

WH-1000XM3 イヤーパッドの交換とお手入れの方法。洗濯はNG？

今回はいつも愛用しているSONYから出ているヘッドホンのWH-1000XM3のイヤーパッドの交換とお手入れ方法について紹介していきます。ずっと使っているとイヤーパッドがボロボロになったり、臭くなったりしますよね。ということでヘッドホンのお手入れの際の注意事項や購入したイヤーパッドとその交換方法とその対策を記事です。