maiko's portfolio

Welcome to my portfolio page.

PROFILE

web developer

フリーWEBエンジニアのmaikoです。

2020年より、WEB制作のお手伝いをさせていただいております。
経験は少ないですが、その分時間や金額的な面で柔軟に
ご対応させて頂きます。よろしくお願いします。

ご提供できるメリット

  • シンプルでもページの内容が印象に残りやすい、デザインのルールを元に作成します。
  • 表示したいテキスト完全に自己流ではなく、他の良いサイトを参考にしながら制作を進めています。
  • コーディング面には自信があります!正確に仕上げるために、丁寧な作業を心掛けています。
  • 表示したいテキスト完全に自己流ではなく、他の良いサイトを参考にしながら制作を進めています。

お仕事について

work
ウェブサイトの作成のお仕事を請け負っています。
skill
使用可能ソフト・スキル
WordPress/PHP/HTML/HTML5/CSS/CSS3/jQuery/JavaScript/Bootstrap/Illustrator
mind
崩れないCSS設計を意識したコーディングを心掛けています。
mind
崩れないCSS設計を意識したコーディングを心掛けています。

実績・経験

模写コーディング

既存のサイトを模写しました。
使用言語:HTML/CSS
トップの検索部分はスクロールしても固定されるように、コーディングしました。
1つ1つの画像のボタンは、画面の中で右にスクロールできる仕様です。

模写コーディング(準備中です)

既存のサイトを模写しました。
使用言語:HTML/CSS/Bootstrap
Bootstrapを利用して作成しました。
(準備中です)

スライダーの実装

企業様のHP一部分のデザイン・コーディングを担当しました。
使用言語:HTML/CSS
スライダー機能のついた、ガジェットのデザイン・コーディングをしました。
2つのスライダーは、時間をずらしながら止まらずにずっと繰り返す仕様で作成しました。
(画像はイメージになります。)
2日以内にご返信します!お問い合わせは下記のボタンから

お問い合わせ

見積依頼・ご相談など、お気軽にご連絡ください。
フォームから送信された内容はマイページの「フォーム」ボタンから確認できます。
送信
利用規約・プライバシーポリシーをお読みの上、同意して送信して下さい。

実績の詳細について

模写コーディング

既存のサイトの模写
使用言語:HTML/CSS
作成について
  • 検索バーは実装のみ作成しました。

  • スマホ版のみコーディングしました。
  • スマホ版のみコーディングしました。
作成のポイント
下にスクロールすると、「行き先はどちらですか?」の部分がトップに固定されます。
画面タッチで右にスライドできます。
左右には幅を作り、見た目を整えることも意識しました。
画面タッチで右にスライドできます。
左右には幅を作り、見た目を整えることも意識しました。

スライダー作成

デザイン・コーディング
使用言語:HTML/CSS
作成について
  • 2つのスライドが交互に変わるように作成しました。
  • 元のファイルに移動した際に、CSSが崩れずに動作するかを意識しながら作成を進めました。
  • ファイル軽量化等のため、JavaScriptはあえて使用せずに、CSSのみでアニメーションの実装をしました。
  • 元のファイルに移動した際に、CSSが崩れずに動作するかを意識しながら作成を進めました。