「 年別アーカイブ：2014年 」 一覧

WordPressサイトの外部リンクを自動的に別ウィンドウで開くように設定できるプラグインを御紹介いたします。 単に別ウィンドウとして開くだけではございません。 リンクジュースを溢さないように設定する …

この間はレスポンシブでも使える行ごとのブロック要素の高さを自動で合わせるJavaScriptをご紹介致しました。 レスポンシブにも対応！行ごとのブロック要素の高さを自動で合わせる方法。 レスポンシブで …

html5の新属性、独自データ属性”data-〇〇”を使ってみましょう！！ デモ アコーディオンタイトル コンテンツコンテンツコンテンツコンテンツ コンテンツコンテンツコンテンツコンテンツ コンテンツ …

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

みなさまこんにちは、新人Aです。 三角形で作る幾何学模様の作り方をご紹介します。 これはパターンにするよりもランダムに色を置いていったほうが幾何学模様の雰囲気がぐっと増すと思うので、 少し面倒ですがパ …

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて･･･今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います！ 【1．Illustratorにベクター化したい画像を配置します …

みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います！ 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。 WEBサイト制作事業 WEBサ …

こんばんは、新人Aです。   今日は、写真に文字を乗せるときに読みやすくする工夫についてお話します！ たとえばこんな写真。 綺麗な夜景ですが、暗い空と明るいライトアップのコントラストで白い文 …

こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します！ まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない！という …

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒･･･失敗するのも怖い･･･ そこで、Illustratorで簡単にマーブル …

公開期間プラグイン「post-expirator」を使わずに 公開終了日を実装する方法をご紹介します。 「カスタムフィールド」に「公開終了」項目を追加し、 その条件を満たしていれば表示させる仕組みです …

デザインを格好よくするためにシャドウを付けたりしますよね。 しかし、サイズが異なるたびに画像を背景に指定したりしなければならないのは大変です。 しかも、シャドウの幅の分だけはみ出ているということもあり …

jQueryでイベントが発生した要素を指定する$(this)。 jQueryを初めて使った頃は$(this)ってなんだ!? なんで普通に<li>なら$(“li”)じゃだめなの～!? なんて …

独自データ属性、カスタムデータ属性、data-role属性・・・ と色々な呼ばれ方をする、html5で追加されたオリジナルの属性をつくれる素敵な仕組み！ 「href」はリンク先、「id」「class」 …

今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します！ 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …

線画イラストの線画だけ抜き出したい！背景を透過したい！！・・・そんな時に役立つphotoshopの小技をご紹介します。   （1）まず、画像をphotoshopで開きます。 （2）メニューの …

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

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …