りそ｜外注コーダー

事業サイトに掲載しているGSAPやCSSアニメーションを紹介しています。｜文章で進める外注コーディングの個人事務所「Quiet Code Studio」運営｜空き： 5月◎ 6月◎｜インボイス登録済｜お仕事のご依頼は事業サイトのお問い合わせか✉️ [email protected] まで

[りそ｜外注コーダー @risoupup]

リソース空いております！
チャット完結型で活動しているWebコーダーです。

要件定義ベースのご相談だけでも大丈夫です◎
分業案件・制作会社様案件歓迎しております！

通話なしで、文章で丁寧に進行したい案件と相性いいと思います。
穏やかにちゃんと進めます！

https://t.co/MyeK1T6T95

[りそ｜外注コーダー @risoupup]

【事業サイトを更新しました】
https://t.co/RSKyYEh3ca

サービス内容を更新しています。
お力になれることがございましたらお気軽にご相談ください。

#Web制作 #外注 #コーディング代行

[りそ｜外注コーダー @risoupup]

面談が苦手だから面談をしない。
逃げに見える人もいるかもしれません。
でも、苦手なことに無理して潰れるより、得意なやり方で価値を出せる方が大事だと思っています。

[りそ｜外注コーダー @risoupup]

Quiet Code Studioを始めたのは、面談が苦手でも仕事を続けられる仕組みを作りたかったからです。
チャット完結でも安心して進められる制作体制を大切にしています。

https://t.co/MyeK1T6T95

#Web制作

[りそ｜外注コーダー @risoupup]

Quiet Code Studioを始めたのは、面談が苦手でも仕事を続けられる仕組みを作りたかったからです。
チャット完結でも安心して進められる制作体制を大切にしています。

https://t.co/MyeK1T6T95

#Web制作

[りそ｜外注コーダー @risoupup]

リソース空いております！
チャット完結型で活動しているWebコーダーです。

要件定義ベースのご相談だけでも大丈夫です◎
分業案件・制作会社様案件歓迎しております！

通話なしで、文章で丁寧に進行したい案件と相性いいと思います。
穏やかにちゃんと進めます！

https://t.co/MyeK1T6T95

[りそ｜外注コーダー @risoupup]

@shiorysm_design しおりさん
ポートフォリオ見てくださってありがとうございます☺️
屋号の事も褒めてくださってありがとうございます✨️嬉しいです😊

[りそ｜外注コーダー @risoupup]

リソース空いております！
チャット完結型で活動しているWebコーダーです。

要件定義ベースのご相談だけでも大丈夫です◎
分業案件・制作会社様案件歓迎しております！

通話なしで、文章で丁寧に進行したい案件と相性いいと思います。
穏やかにちゃんと進めます！

https://t.co/MyeK1T6T95

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-25】

■Section Zoom Out Reveal
スクロール時にセクション全体が少し拡大した状態から縮まりながら表示されるアニメーション。

▼使用例
・セクション導入　等

▼デモ
https://t.co/mDzxjRyAD5

▼詳細
https://t.co/nTHzK1uxEV

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-24】

■Image Split Reveal
スクロール時に画像が左右から開くように表示されるアニメーション。

▼使用例
・セクションビジュアル
・ブランドサイトの導入　等

▼デモ
https://t.co/ViHC0EwnfS

▼詳細
https://t.co/3NTcpiBPf1

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-23】

■Scroll Clip Reveal
スクロール時に画像がマスクから広がるように表示されるアニメーション。

▼使用例
セクションビジュアル
ギャラリー　等

▼デモ
https://t.co/6dBBbFfM2S

▼詳細
https://t.co/W23qr2Noet

#Web制作 #GSAP

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-22A】

■Sticky Section Reveal (Switch)
セクションを固定しながら、スクロールに合わせて内容が切り替わるアニメーション。

▼使用例
・ブランドストーリー　等

▼デモ
https://t.co/HPJHUi4d4F

▼詳細
https://t.co/t65XxtG2fE

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-22】

■ Sticky Section Reveal
セクションを固定しながら、スクロールに合わせて要素が順番に表示されるアニメーション。

▼使用例
・ブランドサイトの導入　等

▼デモ
https://t.co/CzdxmeLdOw

▼詳細
https://t.co/pKAIcBUsFT

#Web制作 #GSAP

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-21】

■ Section Fade Up
スクロール時にセクション全体が下からフェードアップしながら表示されるアニメーション。

▼使用例
セクション見出し
CTAエリア 等

▼デモ
https://t.co/gc6ltct7QH

▼詳細
https://t.co/Hds7hRsYIM

#Web制作 #GSAP

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-20】

■Button Fill Hover
ボタンにホバーしたとき、背景がスライドして塗りつぶされるアニメーション。

▼使用例
・CTAボタン
・お問い合わせボタン
・詳細を見るリンク
・フォーム送信ボタン　等

▼詳細
https://t.co/Lh7FGjiXxS

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-19】
■Scroll Image Reveal
スクロール時に画像がマスク内からスライドしながら表示されるアニメーション。

▼使用例
・セクションビジュアル
・キービジュアル　等

▼デモ
https://t.co/btSPZlAzei

▼詳細
https://t.co/K9ryYhCX80

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-18】

■Image Hover Reveal
画像にホバーしたとき、オーバーレイ画像がふわっと現れるアニメーション。

▼使用例
・Works一覧
・ギャラリー
・ブランドサイトのカード
・商品一覧

▼詳細
https://t.co/bvxXV3N64J

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-17】

■Card Stagger Animation
カードがスクロールに合わせて順番に少しずつ遅れて表示されるアニメーション。

▼使用例
・Works一覧
・ブログ一覧
・商品一覧　　　等

▼デモ
https://t.co/CAe85SP13Y

▼詳細
https://t.co/hrWlfDxYMf

#Web制作 #GSAP

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-16】

■Accordion Smooth Open
アコーディオンを開いたとき、内容がなめらかに展開されるアニメーション。

▼使用例
・FAQ
・サービス紹介
・メニュー一覧
・料金表
・補足説明エリア

▼詳細
https://t.co/SM0NfQhWLY

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-15】

■Image Hover Zoom
画像にホバーしたとき、画像が少し拡大して見えるアニメーション。

▼使用例
・Works一覧
・ギャラリー
・商品一覧
・ブログ一覧
・バナーリンク

▼詳細
https://t.co/Ye64fXqg36

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-14】

■ Card Hover Lift
カードにホバーしたとき、少し浮き上がるように見えるアニメーション。

▼使用例
・Works一覧
・ブログ一覧
・サービス紹介カード
・お知らせ一覧

▼詳細
https://t.co/TqgvxPO26Z

#Web制作

[りそ｜外注コーダー @risoupup]

【Motion Library / MS-13】

■ Link Underline Animation
リンクにホバーしたとき、下線が横にスライドしながら表示されるアニメーション。

▼使用例
・ナビゲーションリンク
・テキストリンク　等

▼詳細
https://t.co/BYedMLU5ub

#Web制作