「 WEB制作 」 一覧

ブロック要素にfloatをかけて回り込ませる、 というのはコーディングをする際によく使う手法ですよね。 「ブロック要素の高さを揃えたい」と思う事はありませんか？ そんな時、私がよく使う便利なjquer …

WEBディレクターとして働いていますと、PSDやPNGなどのデザインデータ以外にもパワーポイントやエクセル、PDFなどのファイルなどクライアント様からさまざまな素材をいただいたり、こちらが資料を作成し …

webフォントは日本のホームページには今一歩馴染みが無いかもしれませんが これから先、SEOを視野に入れたものはほぼテキストで作成することが望まれます。 今回はその第二弾として「素敵な明朝英字フォント …

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね！ そこで、今回はこの …

MovableTypeのカスタムフィールド「テキスト複数」を追加し、管理画面から 投稿する際、「Shift Enter」や「Enter」で改行させたものをWebサイト側で反映させる方法をご紹介いたしま …

オブジェクト(配列)や文字列の処理は自作の作成した場合、時間を要してしまします。 そこで、これらの処理をおこなう際に便利なJavascriptライブラリを紹介します。 1. underscore.js …

リスティング広告を始める際に知っておかなければならない機能の中に、マッチタイプというものがあります。マッチタイプをしっかりと理解し有効的に活用することで、広告表示のきっかけとなる検索語句・誘導したいユ …

ページ右下によくある「トップに戻るボタン」。クリックするとスルスル～っとページの先頭にスクロールするやつですね。 ウィンドウの右下に固定だと、ウィンドウ幅が広いとコンテンツから離れすぎていてちょっと・ …

フラットデザインやシンプル系、クール系のデザインとは違った手作り感溢れるデザインは気持ちが伝わりほっこりさせてくれます。 トレンドのデザインは進んでゆきますが、手作り系のデザインは今も昔もずっと残って …

デザインする時、「この素材写真イマイチだなー」と思ったことありませんか？ ここで普通の写真をミニチュア風に加工するPhotoshopの小技をご紹介します。 STEP1 まず加工する写真をPhotosh …