Scroll
Kenji
Takahashi
Design
お客様に寄り添った
制作を致します。
初めまして。WEBコーダーとしてサイトを制作しております。
髙橋 研二と申します。
WEBサイトの制作を通じて、お客様のビジネスの課題を解決していく。この過程がWEBサイト制作において最も重要だと思います。お客様の事をよく知り、お客様の課題解決のお手伝いをさせていただくことを、一番に考えております。
1, 保守運用しやすいclass名をつけ、変化に対応できるコードを書きます。
2, htmlタグ記述の際に、タグを適切に扱いSEO対策を致します。
3, metaタグを使用し、SEO対策を致します。
1, モバイルファーストで設計し、ユーザービリティを高めます。
2, セクションをコメントで分けて記述し、修正時に素早く対応致します。
3, 共通パーツを変数で管理し、修正しやすい設計を行います。
一例:
ハンバーガーメニュー、スムーススクロール、スライダー、モーダルウィンドゥ、アコーディオン、バリデーション、ローディングアニメーション、他にも文字や画像に動きをつける等の実装が可能です。
wordpressの実装に関する記述が可能です。
一例として投稿ページへのリンクや画像、カテゴリーの取得など。functions.phpでの記述が出来ます。
photoshopのデザインデータからのコーディングが可能です。基本的な写真の加工なども行えます。制作実績のモックアップもphotoshopで作成しました。
illustratorのデザインデータからのコーディングが可能です。簡単なロゴの作成なども行えます。当サイトロゴもillustratorで作成しました。
AdobeXDのデザインデータからのコーディングが可能です。
オリジナルテーマでWordPressの実装が可能です。カスタム投稿やお問い合わせフォームなど、プラグインを使った実装も可能です。
| HTMLコーディング1P(レスポンシブ対応込) | 7,000円～ |
|---|---|
| サイトへのWordPress入れ込み | 40,000円〜 |
| LPコーディング | 20,000円〜 |
| WordPressサイトコーディング（10ページ） | 120,000円〜 |
※価格は目安となります。ご相談下さい。
ご覧頂きありがとうございました。
ご質問やお問い合わせにつきましては、下記フォームよりお願い致します。
画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。
画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中央揃え」の中から自分の好きなものを選べるようにする必要があります。さらに、「サムネイル」「中サイズ」「大サイズ」「フルサイズ」という選択肢の中から大きさを選べるようにするべきです。
上記の画像は中央寄せになるはずです。
このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。
ご覧のとおり、画像の上・下・右にスペースが空いている事がわかると思います。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です !
次は、とても大きな画像のテストです。そして、この画像には配置の指定がありません。
上記の画像は1200ピクセルもありますが、コンテンツエリアからはみ出る事はなく収まっています。
そして今後は右寄せに移りたいと思います。また今度も、画像の上、下、左に十分な余白があると思います。ほら、あっちにいる彼を見てください ! 右側の方にいるあの画像 ! 左寄せ画像がなんて言うかなんてどうでもいいんです、美しい配置ですよ。他の人の意見なんて気にしないでいいんです。
そしてこのへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。そうです…。右画像に回り込むのって気持ちいいですね。
さて、これで終わりと思ったかもしれませんが、これからキャプションのテストに入ります !
580×300 画像のキャプション例。
上記の画像は中央寄せになるはずです。キャプションにはリンクが含まれていますが、おかしな表示になっていないか確認しましょう。
ちょっとしたキャプション
このパラグラフの残りの部分は、150×150 サイズの左寄せ画像の回り込みをテストするためのつなぎです。
ご覧の通り、画像の上・下・右にスペースが必要です。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です !
それでは、とても大きな画像のテストです。そして、この画像にも配置の指定はありません。
とても大きな画像のコメント
上記の画像は1200ピクセル幅ですが、コンテンツエリアからはみ出すべきではありません。コンテンツのフローを視覚的に邪魔しないかたちで、指定のエリア内に収まっている必要があります。
右側にいるのは良い気分です。
そして今後は右寄せ画像に移りたいと思います。また今度も、画像の上、下、左に十分な余白があると思います。ほら、あっちにいる彼を見てください ! 右側の方にいるあの画像 ! 左寄せ画像がなんて言うかなんてどうでもいいんです、美しい配置ですよ。他の人の意見なんて気にしないでいいんです
そしてこのへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。そうです…。右画像に回り込むのって気持ちいいですね。
それでは、これで終わりです。画像配置のテスト、お疲れ様でした !
