Pinned作楽ゆず Sakura Yuzu@youse_jpDec 22, 2025サンリオ様のプロジェクト #8Puronicles のサイトを制作しました! 私の担当はモック・デザイン・コーディング・インタラクション・WebGL・History画像実装監修です。 サンリオチームの皆様やモデラー様にもご協力いただき、限られた期間で最高のものを目指して全力を注ぎました! URLはツリー参照↓00:0022212126026020K20K
作楽ゆず Sakura Yuzu@youse_jpMay 28, 2018擬似バイノーラル体験サイトを制作してみました。 「バイノーラル俳句」と入れてボタンを押すと むぎが囁いてくれます。(ドラッグで視点移動もできます) 他の文字を入れるとかたなさんが一瞬出ます。 #むぎあーと #家長むぎ #金剛力也像 youse.jp/mugiart/ ※まだスマホ動作未確認です。66296296627627
作楽ゆず Sakura Yuzu@youse_jpNov 30, 2023株式会社メイクリーのサブカルチャー事業部Webサイトのスタイリング周り・実装を担当いたしました。 メイクリーではアニメ・ゲーム・漫画などサブカルチャーに関わるお仕事を募集していますので、お気軽にご連絡くださいませ。 (サイトURLはツリーに表示) #Web制作 #Webデザイン #webgl #threejs00:0022525249149195K95K
作楽ゆず Sakura Yuzu@youse_jpDec 8, 2023グリッドシステムのレスポンシブで両端揃えのベタ組をする手法が分かりました。幅の狭いブラウザでは本文サイズを決めてマージン・カラム・ガターをrem整数倍にして、カラム数×remのブラウザ幅の増加スパンで本文サイズを大きくしていきます。 本文14pxの場合364~448px間は14px~17.33pxになります。11111121321326K26K
作楽ゆず Sakura Yuzu@youse_jpJun 18, 2022初Zennです! ThreejsとNextjsを用いたページ遷移演出について書きました。 zenn.dev/youse_jp/artic… #webgl #threejs #react #nextjs【Threejs×Nextjs】DOM座標同期したWebGLをページ遷移でシームレスに動かすFrom zenn.dev66159159
作楽ゆず Sakura Yuzu@youse_jpDec 3, 2023実はグリッドシステムの本(日本語訳版)は先日購入したばかりでした。こちらの記事でこの本を題材にグリッドの歴史から哲学までとても詳細に書かれているので、こちらも読み込んでいきたいと思います…!デザイン名著をよみとく #1 ヨゼフ・ミューラー=ブロックマン『グリッドシステム』 | デザインのよみかたFrom readdesign.jp116614514516K16K
作楽ゆず Sakura Yuzu@youse_jpJun 1, 2022【お知らせ】 株式会社Numéro.8 コーポレートサイト 実装のお手伝いをさせていただきました。 ぜひサウンドをONにして素敵な音の体験をお楽しみください。 numero8.jp ※添付の動画は音声が流れます。 #webgl #threejs00:001313122122
作楽ゆず Sakura Yuzu@youse_jpFeb 20, 2024制作を担当した株式会社メイクリー サブカルチャー事業部のサイトが、Web DesigningのWD SELECTIONに掲載されました! 掲載のご連絡をいただいた時は驚きまして、錚々たるサイトの中に並ぶことは恐れ多くも光栄です! サブカルチャー事業部 | 株式会社メイクリーFrom subculture.makery.co.jp228810410427K27K
作楽ゆず Sakura Yuzu@youse_jpNov 30, 2023Webデザインのグリッドシステムを用いたレスポンシブ対応について考えていることを書きました! 思いのほか長くなってしまったので、別の記事で具体例などを書いていこうと思います。 zenn.dev/youse_jp/artic… #Web制作 #Webデザイングリッドシステムのフレームワークを作ってみたFrom zenn.dev119974747.8K7.8K
作楽ゆず Sakura Yuzu@youse_jpDec 7, 2023S5-Styleに掲載いただきました…! ありがとうございます🙏注目のWebデザインを『ひとこと紹介』@s5styleDec 5, 2023アクセスした瞬間に目を引く、パーティクル化したイラスト。スクロールやマウスの動きに合わせてダイナミックに変化する様子が印象的。さらに読み込みや描画も迅速。軽快さと大胆さが際立つサイト。 #Webデザイン #Web制作 - サブカルチャー事業部 | 株式会社メイクリー bm.s5-style.com/20231204/194152211545411K11K
作楽ゆず Sakura Yuzu@youse_jpAug 27, 2023個人的にデザインカンプは特定のブラウザサイズになった時のスナップショットだと思っていて、コーディングはそのスナップを再現するのではなくデザインのロジック(言語/レイアウトなどの視覚言語)をプログラムで表現して、その結果がカンプと同じブラウザサイズで見た時に一致するという認識。7742424.7K4.7K
作楽ゆず Sakura Yuzu@youse_jpDec 3, 2023アクティブセオリーさんが新しく制作されたサイト、ページタイトルのレイアウトが斬新 トップページの3Dテキストに合っているからむしろ統一感が出ていてすごいと感じた27272.7K2.7K
作楽ゆず Sakura Yuzu@youse_jpFeb 13, 2024レスポンシブの固定値型・相対値型のそれぞれの長所/短所を調べて、今回はデザインカンプのサイズから離れた画面サイズにおけるそれぞれの短所的な現象の例を可視化させました。 固定値型ではカンプから本文サイズ未満の値が画面幅に増加した時の現象、相対値型はカンプの中間地点を想定した現象です。1120201.6K1.6K