Pinned
サンリオ様のプロジェクト #8Puronicles のサイトを制作しました！
私の担当はモック・デザイン・コーディング・インタラクション・WebGL・History画像実装監修です。
サンリオチームの皆様やモデラー様にもご協力いただき、限られた期間で最高のものを目指して全力を注ぎました！
URLはツリー参照↓
00:00
作楽ゆず Sakura Yuzu
907 posts
作楽ゆず Sakura Yuzu
@youse_jp
Webデザイナー / エンジニア
ポートフォリオ youse.jp
ノート note.com/youse_jp
しずイン sizu.me/sakurayuzu
IdeolというアイドルとWebアワードを通して社会構成主義を問う物語を制作します。アナログイラスト練習中。
Joined May 2018
- 擬似バイノーラル体験サイトを制作してみました。 「バイノーラル俳句」と入れてボタンを押すと むぎが囁いてくれます。（ドラッグで視点移動もできます） 他の文字を入れるとかたなさんが一瞬出ます。 #むぎあーと #家長むぎ #金剛力也像 youse.jp/mugiart/ ※まだスマホ動作未確認です。
00:00- グリッドシステムのレスポンシブで両端揃えのベタ組をする手法が分かりました。幅の狭いブラウザでは本文サイズを決めてマージン・カラム・ガターをrem整数倍にして、カラム数×remのブラウザ幅の増加スパンで本文サイズを大きくしていきます。 本文14pxの場合364~448px間は14px~17.33pxになります。
- 初Zennです！ ThreejsとNextjsを用いたページ遷移演出について書きました。 zenn.dev/youse_jp/artic… #webgl #threejs #react #nextjs
- 実はグリッドシステムの本（日本語訳版）は先日購入したばかりでした。こちらの記事でこの本を題材にグリッドの歴史から哲学までとても詳細に書かれているので、こちらも読み込んでいきたいと思います…！
- 【お知らせ】 株式会社Numéro.8 コーポレートサイト 実装のお手伝いをさせていただきました。 ぜひサウンドをONにして素敵な音の体験をお楽しみください。 numero8.jp ※添付の動画は音声が流れます。 #webgl #threejs
00:00 - 制作を担当した株式会社メイクリー サブカルチャー事業部のサイトが、Web DesigningのWD SELECTIONに掲載されました！ 掲載のご連絡をいただいた時は驚きまして、錚々たるサイトの中に並ぶことは恐れ多くも光栄です！
- Webデザインのグリッドシステムを用いたレスポンシブ対応について考えていることを書きました！ 思いのほか長くなってしまったので、別の記事で具体例などを書いていこうと思います。 zenn.dev/youse_jp/artic… #Web制作 #Webデザイン
- S5-Styleに掲載いただきました…！ ありがとうございます🙏アクセスした瞬間に目を引く、パーティクル化したイラスト。スクロールやマウスの動きに合わせてダイナミックに変化する様子が印象的。さらに読み込みや描画も迅速。軽快さと大胆さが際立つサイト。 #Webデザイン #Web制作 - サブカルチャー事業部 | 株式会社メイクリー bm.s5-style.com/20231204/19415
- 個人的にデザインカンプは特定のブラウザサイズになった時のスナップショットだと思っていて、コーディングはそのスナップを再現するのではなくデザインのロジック（言語/レイアウトなどの視覚言語）をプログラムで表現して、その結果がカンプと同じブラウザサイズで見た時に一致するという認識。
- アクティブセオリーさんが新しく制作されたサイト、ページタイトルのレイアウトが斬新 トップページの3Dテキストに合っているからむしろ統一感が出ていてすごいと感じた
- レスポンシブの固定値型・相対値型のそれぞれの長所/短所を調べて、今回はデザインカンプのサイズから離れた画面サイズにおけるそれぞれの短所的な現象の例を可視化させました。 固定値型ではカンプから本文サイズ未満の値が画面幅に増加した時の現象、相対値型はカンプの中間地点を想定した現象です。
