2013.07.30
javascript

FancyBoxでswfのサイズを自由に変える

jQueryのプラグインでクライアントワークにもかなりお世話になっているFancyBox。 画像はもちろんのこと、swfやiframe、Ajaxなどもオシャレにポップアップしてくれる優れものです。 ...
続きを読む
2013.07.21
javascript

シンプルなアコーディオンメニュー jQueryプラグインなし

アコーディオンのメニューはjQueryのプラグインでもたくさんあるのですが、ちょっとしたメニューだったらプラグインを使わずちゃちゃっと実装したいものです。 クリックするとサブメニューが出てくる、 ...
続きを読む
2013.07.20
javascript

改良版:タブで表示切り替え jQuery プラグインなし

Attention!!この記事の再・改良版はこちらです。 下記で紹介するソースはHTMLの文法に誤りがあるとご指摘いただきました。 ul要素の中にli以外の子要素を含むことはできません!! 書き ...
続きを読む
2013.07.10
css

CSS3 アニメーションボタンの基礎

CSS3の@keyframesを使ったアニメーションの使い方はこちらで紹介しましたが、もっと実用的に使いたい…。 やっぱりマウスオーバーした際にフラッシュみたいにスムーズに動いたら素敵です。 ...
続きを読む
2013.07.08
css

height:auto; が反映されない時の対処法

CSSでコーディングをするときに、heightをautoにして反映されないことがあるかと思います。 簡単に言ってしまえば、floatを使用しないか、全ての要素でfloatを使用するかで解決します ...
続きを読む
2013.06.27
wordpress

qTranslate 表示している言語のリンクを非表示にする方法

ワードプレスの多言語化プラグインで一番簡単に設定できるのがqTranslateだと思います。 日本語化していないプラグインですが設定がすごく簡単なのでおススメです。 こちらからダウンロードでき ...
続きを読む
2013.06.20
photoshop

たくさん無料でPhotoshopブラシがダウンロードできるサイト

フォトショップのブラシが無料でダウンロードできるサイトをリストします。 フォトショップブラシの配布サイトの王道!Brusheezy http://www.brusheezy.com/brush ...
続きを読む
2013.06.17
javascript

スライドショー 超軽量jQueryプラグイン

タブの表示切り替えについてこちらで紹介したプラグイン、Tiny Carouselの写真のスライドショーでの使い方です。 このプラグインはとても軽いのでおススメです。 そして設定も簡単、CSSで ...
続きを読む
2013.06.14
javascript

タブで切り替え 超軽量プラグイン jQuery

タブのようなメニューでクリックするとページを移動せずに表示を切り替えるようにするjQueryのプラグインを紹介します。 以前プラグインを使用しない方法についても、こちらに書きました。 今回 ...
続きを読む
2013.06.11
design

デザインが素敵なウェブサイト 気まぐれチョイス 6選

思わずデザインメモとしてブックマークしてしまった素敵なウェブサイトを6つ紹介します。 とあるデザイン会社のウェブサイト http://socialdesignhouse.com/ ドーナ ...
続きを読む
2013.06.10
css

CSS3 アニメーションの基礎 @keyframes transform

CSS3のアニメーション、@keyframesとtransformプロパティで使える4つのメソッドを紹介します。 実はよく知らないでアニメーションを使っている・・・なんてことが多いかと思いま ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP