Skill
HTML5
Webページの文章や画像、リンクなどの基本的な要素を配置し、見出しや段落などに分けて読みやすいようマークアップします。
CSS3
HTMLで作成したパーツの表示サイズやレイアウト、色などの装飾をして見栄えを良くします。
WordPress
一度サイトを構築すれば、その後はHTMLを触ることなく記事などの更新ができます。その構築のお手伝いをいたします。
SASS
CSSをより効率的に書けるようにした言語です。さらにBEMを用いて細かくCSSを設計することで、更新後もメンテナンスがしやすくなります。
JavaScript
文字をフェイドインさせたり、モダール表示や画像をスライドショーにして立体的な動きをつけます。

jQuery
JavaScriptよりも簡略的な記述で要素に動きをつけることができます。
Service

✔ WEBサイト制作
コーポレートサイトやLPページなど、お客様のご要望に応じたイメージに沿ってWebサイトを作成いたします。

✔ コーディング
お預かりしたXDまたはPSDのデザインカンプをもとに、適切にコーディングいたします。jQueryやJavaScriptを用いて動きをつけることも可能です。

✔ レスポンシブ対応
PCだけでなく、スマホやタブレットから閲覧したときでもデザインが崩れないよう、基本的な画面サイズに対応したコーディングを行います。
WORK
- ポートフォリオ&模写サイト

ポートフォリオサイト
制作期間:
1ヶ月間
制作ページ:
TOPページ
使用言語:
HTML / CSS / JavaScript
内容:
今まで学んできたものを詰め込んでみました。ヒーロー部分にあるカーソルと連動したテキストシャドウが映えるよう、ナビメニューは四隅に設置しています。ホバー時のアニメーションをいくつか実装しているので、ちょっとしたゲームのような感覚でサイトを見ていただけたら嬉しいです。

iSara様 HTML&CSS模写
制作ページ:
TOPページ
使用言語:
HTML / CSS / JavaScript
内容:
コーディング後、「よくある質問」部分のアコーディオンメニューやトップへ戻るボタンはJavaScriptで実装しました。
Basic認証:
ID: aoisuisai / PS: password

マハーバーラタ様 WordPress模写
- デイトラ旧卒業課題 -
制作期間:
1ヶ月間
制作ページ:
8ページ (TOP + 子ページ)
使用言語:
HTML / CSS / jQuery
内容:
コーディング後、オリジナルテーマを作成しました。「キャスト一覧=社員・商品一覧」「コメント一覧=お客様の声」にすることで、コーポレートサイトにも対応することができます。
Basic認証:
ID: aoisuisai / PS: password
- デモサイト
Coming soon ..
Contact
お気軽にお問合せください。