木
木
木

Click Me!

模写

デザイン

work

JavaScript(jQuery)自主制作

Contact

御覧いただきありがとうございました。ご不明な点がございましたらお気軽にご連絡ください。

call

e-mail

お名前

必須

メールアドレス

必須

お問い合わせ内容

必須

こんにちは!緑茶と申します。

緑茶のポートフォリオサイトにお越しいただきありがとうございます。

このサイトは動きのあるサイトを意識して作成したポートフォリオサイトです。見ていただいた方が楽しんでいただければ幸いです。

東京フリーランスさんが書いているブログ「30daysトライアル」や書籍を使い独学で勉強をしてきました。

タブレット端末やスマートフォンにも対応したレスポンシブデザインやjQueryやCSSを使った動きのあるサイト作りなど様々コーディングを使って、 依頼者様の伝えたいことをサイト利用者の方にわかりやすく伝えるお手伝いができればと考えています。

skills (learning time)

HTML

520h

CSS

520h

SCSS

100h

jQuery

400h

WordPress

240h

模写制作

模写製作

iSARA様

元サイト様:iSARAバンコクのノマドエンジニア育成講座

PC,スマホサイズ

前へ

次へ

模写製作

東京フリーランス様

元サイト様:東京フリーランス様

30daysトライアル 2nd課題

PC,スマホサイズ

前へ

次へ

模写製作 PCサイズ

元サイト様:東京フリーランス

30daysトライアル 2nd 最終課題

東京フリーランス様

デザインカンプ PCサイズ

東京フリーランスさんのサイトで寄付した際にいただいた、デザインカンプから作成しました。

前へ

次へ

東京フリーランス様

デザインカンプ スマホサイズ

東京フリーランスさんのサイトで寄付した際にいただいた、デザインカンプから作成しました。

前へ

次へ

オリジナルデザイン

パン屋サイト

PCサイズ

スマホサイズ

初めて作ったオリジナデザインです。

シンプルさと暖かさをイメージとして作成しました。

画面サイズを変更するとデザイン変わるレスポンシブデザインになっています。

前へ

次へ

当サイト

スマホサイズ

当サイトのスマートフォンサイズ

スマートフォンサイズでは縦スクロールにし、デザインをガラリと変えてみました。

よろしければ、携帯でも当サイトをご覧ください。

ブログサイト

PCサイズ

オリジナデザインの3作目です。

ブログサイト(2人用)

Wordpressのテーマ化も行ってあります。

前へ

次へ

ブログサイト

スマホサイズ

オリジナデザインの3作目です。

ブログサイト(2人用)

Wordpressのテーマ化も行ってあります。

前へ

次へ

Works

自主制作

どうぶつ将棋

どうぶつ将棋

どうぶつ将棋をjQueryを使って作ってみました!

実際にプレイすることもできるので、よかったらプレイしてみてください!

Ryokutyafolio

ようこそRyokutyaの

ポートフォリオサイトへ

About

こんにちは!緑茶と申します。

緑茶のポートフォリオサイトにお越しいただきありがとうございます。

このサイトは携帯サイズで見やすいようシンプルさを意識して作成したサイトです。

PC(画面サイズ769px以上)でこのサイトを見ると違ったデザインが楽しめるのでよろしければそちらもご覧ください。

東京フリーランスさんが書いているブログ「30daysトライアル」や書籍を使い独学で勉強をしてきました。

タブレット端末やスマートフォンにも対応したレスポンシブデザインやjQueryやCSSを使った動きのあるサイト作りなど様々コーディングを使って、 依頼者様の伝えたいことをサイト利用者の方にわかりやすく伝えるお手伝いができればと考えています。

skills

(learning time)

Push

HTML

520h

CSS

520h

SCSS

100h

jQuery

400h

WordPress

240h

Services

コーディング

デザインができている状態のものをHTML,CSS,jQueryを使ってコーディングします。

5,000円~

お客様のご希望に添えるように丁寧にヒアリングを行い、新規のWebサイトを制作します。

50,000円~

WordPress

現在あるサイトをWordpress対応に変更したり、WordPressに対応した新規サイトを制作します。

現在あるサイトをWordpressに対応させる場合

150,000円~

Wordpressに対応した新規サイトを制作する場合

100,000円~

Work

実在するサイトを見ながら真似して作成したものや、「東京フリーランス」さんの「30daysトライアル」の課題で作成したものを掲載しています。

模写一覧へ

デザイン

1からデザインしHTML、Sass、jQuery、PHPを使用して作ったサイトを掲載しています。

デザイン一覧へ

Work

実際に依頼を頂いて作成したサイトを掲載しています。(現在準備中です。)

Work一覧へ

模写制作

画像をタップすると拡大画像が表示されます。

拡大画像を閉じるには拡大表示された画像外をタップしてください。

元サイト様:iSARAバンコクのノマドエンジニア育成講座

PC・スマホサイズ

前へ

次へ

元サイト様:東京フリーランス 30daysトライアル 2nd 課題 PCサイズ

PC・スマホサイズ

前へ

次へ

元サイト様:東京フリーランス 30daysトライアル 2nd 最終課題 PCサイズ

元サイト様:東京フリーランス ブログ用デザインカンプ

PCサイズ

前へ

次へ

元サイト様:東京フリーランス ブログ用デザインカンプ

スマホサイズ

前へ

次へ

一番上に戻る

デザイン

画像をタップすると拡大画像が表示されます。

拡大画像を閉じるには拡大表示された画像外をタップしてください。

オリジナルデザイン:パン屋サイト

PC・スマホサイズ

前へ

次へ

オリジナルデザイン:ブログサイト

PCサイズ

前へ

次へ

オリジナルデザイン:ブログサイト

スマホサイズ

前へ

次へ

一番上に戻る

Work

画像をタップすると拡大画像が表示されます。

拡大画像を閉じるには拡大表示された画像外をタップしてください。

一番上に戻る

About

Contact

御覧いただきありがとうございました。ご不明な点がございましたらお気軽にご連絡ください。

call

e-mail

お名前

必須

メールアドレス

必須

お問い合わせ内容

必須