見やすい・使いやすい
Webデザインをご提案

お客様のご要望の応じてデザインを提案する
フリーランスのデザイナー

SERVICE

制作について

Webデザイン

綺麗な見た目だけではなく、Webサイトの導線、ユーザーの見やすさ使いやすさを重視したデザインを提案します。

コーディング

基礎のhtml・CSSからWorPress・a-blog等のCMSまでの実装をし、お客様が更新しやすいサイト作りを目指します。

DTPデザイン

名刺、チラシ、会社案内等の紙媒体も承ります。Tシャツ、ロゴ制作等デザインは幅広く制作しております。

BLOG

WordPress製作に役立つブログ

CSSのネタ帳
HTML+CSSだけでアコーディオンを実装New!!

HTMLとCSSだけで、クリックすると内容が開いたり閉じたりするアコーディオンメニューの作り方を紹介します。JavaScriptを使わずに実装できるので、初心者にもおすすめです。基本的な作り方から、開閉ボタンのデザイン変更、よくある質問(Q&A)への応用まで、サンプルコード付きでわかりやすく解説します。

Lightning
LightningのCSSは「追加CSS」と「CSSカスタマイズ」どっちがいいの?New!!

LightningでCSSを編集する方法には、「追加CSS」と「CSSカスタマイズ」の2種類があります。それぞれの特徴や使い勝手を比較し、どちらが編集しやすいのかを紹介します。個人的には「追加CSS」の方が使いやすいと感じていますが、実際の編集画面を見ながら、自分に合った方法を選ぶ参考にしてみてください。

CSSのネタ帳
【CSS】ひし形・台形・三角形など自由な形の背景をclip-pathで作成New!!

CSSのclip-pathを使って、背景を斜めに切り抜くレイアウトを紹介します。擬似要素「::after」を利用することで、画像や文章はそのままに、背景だけを自由な形に変更できます。polygon()による形状の指定方法や、Flexboxを使った横並びの配置を、HTMLとCSSのサンプルコード付きで解説します。