サイトでGoogle Mapを埋め込む時に、マップの色が浮いてしまったり、表示される項目が多すぎてわかりづらくなってしまう事もあると思います。 その際、マップの色や、表示される項目を調整できるのがGoogle Maps …
Bootstrapのようなグリッドシステムは便利ですが、コンテンツ内で使おうとすると困ってしまう場面があります。 例えばスマホでは1カラムでPCでは2カラムにしたい場合です。 PCの時は横並びになったカラムの間に余白(ガ…
デザイナーとしてこだわりたいものといえば「フォント」ですが、有料フォントはどれもお高めですよね。 そこで今回はAdobeが提供するCreative CloudのWebフォントサービス、「Typekit」をご紹介いたします…
もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。 それが『湯気』です。 イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。…
和風の縦書きで綺麗なサイトのデザイン作りたいな… 依頼が来てから考えても遅い!ということで実例を元にデザイナーとして和風の縦書きサイトを作る時に気をつけたことをご紹介します。 和風の縦書きサイトを作ることになった経緯 ま…
フォント関連のイベント・セミナーに参加し、文字やwebでの表現について参考になったのでおさらいの意味も込めて一部を紹介します。 フォントが登場するまで 筆で手書き(字詰めという概念はない。手のリズムで書いていく) ▼ 木…
左上や右上にある画像をfloatタグを使って回り込ませるのはよく使いますが、 下記のように画像が左下・右下にあった場合はどう組めばいいかを紹介します! 画像が左下にある場合のソースです See the Pen JOaxm…
Laravel Mix って? Laravel Mix は PHPのフレームワーク Laravel に同梱されているビルドツールです。webpack をベースに作られていて、設定の記述量が少なく済むのが特徴。また、Lar…