You need to enable JavaScript to run this app.
share
シェア
[Hello Mentor課題]カフェサイト
作品について
クレジット
help
髙間 駿
web制作
課題取り組み
share
シェア
link
link
コピー
code
埋め込み
閉じる
close
chevron_left
制作ノート
意識した点
⚫︎BEMやFLOCSSを活用したCSS設計 ⚫︎スマートフォン/タブレット/PC 表示のレスポンシブ対応 ⚫︎ピクセルパーフェクトでのコーディング
投稿者
髙間 駿
課題の条件
⚫︎配布されるFigma のデザインカンプデータを活用 ⚫︎拡張機能「PerfectPixel」を用いたピクセルパーフェクトでのコーディング
投稿者
髙間 駿
意識した点
⚫︎BEMやFLOCSSを活用したCSS設計 ⚫︎スマートフォン/タブレット/PC 表示のレスポンシブ対応 ⚫︎ピクセルパーフェクトでのコーディング
投稿者
髙間 駿
課題の条件
⚫︎配布されるFigma のデザインカンプデータを活用 ⚫︎拡張機能「PerfectPixel」を用いたピクセルパーフェクトでのコーディング
投稿者
髙間 駿
髙間 駿の他の作品
画像
image
visibility
作品を見る
[納品]「DANCE STUDIO elle」様のHP制作
画像
image
visibility
作品を見る
[Hello Mentor課題]写真家PFサイト
画像
image
visibility
作品を見る
[Hello Mentor課題]シャンプーECサイト
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
髙間
foriio-web-snximpjraq-an.a.run.app/shun-takama
content_copy
コピー
ポートフォリオを無料で作成
ログイン
意識した点
⚫︎BEMやFLOCSSを活用したCSS設計 ⚫︎スマートフォン/タブレット/PC 表示のレスポンシブ対応 ⚫︎ピクセルパーフェクトでのコーディング
投稿者
髙間 駿
課題の条件
⚫︎配布されるFigma のデザインカンプデータを活用 ⚫︎拡張機能「PerfectPixel」を用いたピクセルパーフェクトでのコーディング
投稿者
髙間 駿
髙間 駿の他の作品
画像
image
visibility
作品を見る
[納品]「DANCE STUDIO elle」様のHP制作
画像
image
visibility
作品を見る
[Hello Mentor課題]写真家PFサイト
画像
image
visibility
作品を見る
[Hello Mentor課題]シャンプーECサイト
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
![[Hello Mentor課題]カフェサイト-1](https://img.foriio.com/images/r/im_AXNfsLS7KNdRR1nd5jGjUJbF5pwe0na3cUjj1DkCz_OeWh0w8no?w=2184)
![[納品]「DANCE STUDIO elle」様のHP制作](https://img.foriio.com/images/store/f2a0a21493d48427c87e66a56d66bf60.png?auto=compress&fit=crop&h=424&w=688)
![[Hello Mentor課題]写真家PFサイト](https://img.foriio.com/images/store/207c7e858d86c5cbd26ff8fbfff68704.png?auto=compress&fit=crop&h=424&w=688)
![[Hello Mentor課題]シャンプーECサイト](https://img.foriio.com/images/store/7db9daf3451ae5576c876cf59f951610.png?auto=compress&fit=crop&h=424&w=688)