マウスウィール（トラックパッド）でスクロールすると前後の画像が見れるギャラリー。一目見て「おっ、iTunesだ！」と思いました！JavaScriptとCSSをカスタマイズすればサイトにあった表現の仕方ができます。デフォルトでも充分かっこいいので「JavaScriptはよくわからない..」という人でも簡単に実装できると思います！

続きを読む

どのサイトにも必ずあるテキストリンク。それをもう少しおしゃれに表示できないかな？ということでjQueryでアニメーションをつける方法を紹介します。下のアンダーラインからペロッとでてくるので、うるさすぎず、アクセントになると思います！

続きを読む

ついついデザインはあとまわしになりがちな検索ボックス。少し手を加えるだけで素敵なデザインに！またユーザビリティについてもちょっとした工夫でもっと使いやすくなります。ユーザビリティ向上のためのコツとデザインの素敵な検索ボックスを紹介します！

続きを読む

Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！

続きを読む

文字だけじゃ物足りない。そんなサイトをもっと素敵にしてくれる画像やイラスト、アイコンを集めたサイトを紹介します。無料でダウンロードできるものから、有料だけど種類も多く、高画質のものも！ぜひ取り入れてみてください！

続きを読む

WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。

続きを読む

異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！

続きを読む

私の大好きな手描き風Webデザイン！見づらくなったりするのでバランスが難しいデザインではありますが、「普通のデザインじゃ物足りない！」という時に取り入れると、程よくゆる〜い感じがでます。ここでは参考になるWebサイトや、デザインする際に使えそうなフォント・アイコン・ブラシなどを紹介します。

続きを読む

前２回に渡りWordPressをローカルにインストールする方法とWordPress オリジナルテーマの作り方を説明してきました。今回の記事では作ったオリジナルテーマをアップロードする方法を説明していきます。ローカルバージョンのファイルはバックアップファイルとして、次に新しいテーマを作成する時の為に保存しておくことをおすすめします！

続きを読む

WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。

続きを読む