「サンプルあり」に関する記事一覧

公開しているソースでサンプル表示があるもの。
2013.12.24
javascript

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

タブみたいなメニューで、クリックすると同じページ内(同じHTMLファイル内)で表示を切り替える方法。 jQueryで、プラグインを使わずにできる方法、ソースを紹介します。 MEMO: 以前こち ...
続きを読む
2013.10.17
jquery

HTMLコンテンツごと切り替え、回転できるjQueryプラグイン

使い方次第では結構ウェブデザインの幅が広がりそうなjQueryのプラグインです。 HTMLのコンテンツごとスライドショーのように切り替えができるRoundaboutというプラグイン。 カルーセル( ...
続きを読む
2013.08.18
css

jQueryとCSS3でインパクトのあるスタイリッシュで素敵なメニュー

jQueryとCSS3で一味違うメニューが作れます。 今回紹介するメニューは、ボタンをクリックすると画像がポップアップし、文字が下にスライドしながら下に別のボタンが現れます。 サブメニューがある場 ...
続きを読む
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.06.17
javascript

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

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

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

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

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

CSS3のアニメーション、@keyframesとtransformプロパティで使える4つのメソッドを紹介します。 実はよく知らないでアニメーションを使っている・・・なんてことが多いかと思いま ...
続きを読む
2013.06.08
jquery

複数の写真を同時にスライドできるjQueryプラグイン

CarouFredSelというとっても素敵なエフェクトのjQueryのプラグインです。 こちらからダウンロードし、すべてのファイルをそのままサーバーにアップロードします。 自動・手動でスライド ...
続きを読む
2013.05.09
css

CSSで画像にビンテージ風のエフェクト

CSSだけでできるフォトショップみたいなエフェクトを紹介します。 古い写真などで変色してしまったような状態を思わせるビンテージ風なエフェクトです。 イメージギャラリーなどで使えそうです。 ...
続きを読む
2013.05.08
css

CSSで複数のボーダーを付ける方法

CSSのbox-shadowを使って複数のボーダーを作ることができます。 色々な方法があると思いますが、今回は1つのプロパティに対して複数の値を付けることができるというのがポイントです。 ですので ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP