201406261943HCSW/00.png

軽量なイメージスライダーElastislideを試してみる

2014年06月26日 19時43分

軽量なイメージスライダーLightSliderを試してみるでは、イメージスライダーのLightSliderを紹介しました。今回は、Elasti ...

続きを読む

201406252056HCSW/00.png

軽量なイメージスライダーLightSliderを試してみる

2014年06月25日 20時56分

最強のイメージスライダーbxSliderを試してみるでは、イメージスライダーのbxSliderを紹介しました。今回は、bxSliderと同様に ...

続きを読む

201406181933HCSW/00.png

シンプルなパララックスプラグインParallax.jsを試してみる

2014年06月18日 19時33分

シンプルなパララックスプラグインxPanelを試してみるでは、xPanelプラグインを紹介しました。今回は、シンプルなパララックスプラグインP ...

続きを読む

201406162043HCSW/00.png

シンプルなパララックスプラグインxPanelを試してみる

2014年06月16日 20時43分

1ページごとにスクロールするonepage-scrollプラグインを試してみるでは、1ページごとにスクロールするプラグインを紹介しましたが、x ...

続きを読む

201406111740HCSW/00.png

1ページごとにスクロールするonepage-scrollプラグ ...

2014年06月11日 17時40分

onepage-scrollは、コンテンツをパララックス風に1ページずつスクロールできるJQueryプラグインです。

続きを読む

201406082208HCSW/00.png

モバイル対応のカルーセルプラグインのslickを試してみる

2014年06月08日 22時08分

clickは、イメージやテキストのカルーセル表示を行うことができるJqueryプラグインです。なお、sclickは、スマホやタブレットなどのス ...

続きを読む

201405311026HCSW/00.png

テキストにアニメーション効果を付けることができるTextEff ...

2014年05月31日 10時26分

TextEffectは、テキストに簡単なアニメーション効果を付けることができるJQueryプラグインです。

続きを読む

201405242201HCSW/00.png

最強のイメージスライダーbxSliderを試してみる(2)

2014年05月24日 22時01分

最強のイメージスライダーbxSliderを試してみる(1)では、イメージスライダーとして使用しましたが、bxSliderはイメージだけで無くH ...

続きを読む

201405171353HCSW/00.png

最強のイメージスライダーbxSliderを試してみる(1)

2014年05月17日 13時53分

bxSliderは、シンプルかつ高機能なイメージスライダーです。Bootstrap 3と共存させて使用できます。

続きを読む

201405100804HCSW/00.png

シンプルで軽量なイメージライダーNivo Sliderを試してみる

2014年05月10日 08時04分

Nivo Sliderは、シンプルなイメージスライダーです。元々はWordPressのイメージスライダーとして開発されていますが、Bootst ...

続きを読む

201405030916HCSW/00.png

シンプルで軽量なフルスクリーンスライダーSuperslides ...

2014年05月03日 09時16分

Supuerslidesは、シンプルで軽量&高速なフルスクリーンスライダーです。Superslidesは、jsスクリプトのみで簡単に実装できます。

続きを読む

201404270819HCSW/00.png

シンプルなコンテンツスライダーResponsiveSlides ...

2014年04月27日 08時19分

ResponsiveSlidesは、シンプルな実装のコンテンツスライダーです。

続きを読む

201404201306HCSW/00.png

高品位な写真ギャラリーが作成できるLeastを試してみる

2014年04月20日 13時06分

Leastは、高品位な写真ギャラリーが作成できるJQueryプラグインです。

続きを読む

201404132147HCSW/00.png

クリックでポップアップメニューを表示できるSQUARE MEN ...

2014年04月13日 21時47分

SQUARE MENUは、サイドに表示されたメニューボタンをクリックすると、平面上のナビゲーションメニューが表示できるJQueryプラグインです。

続きを読む

201404061902HCSW/00.png

サイドメニューをトグル表示できるSidrを試してみる

2014年04月06日 19時02分

Sidrは、サイドメニューの表示、非表示をクリックで切り替えることができるJQueryプラグインです。

続きを読む

201404061226HCSW/00.png

コンテンツを斜めにアニメーション表示するBox Lid Men ...

2014年04月06日 12時26分

Box Lid Menuは、サイドに配置されたボタンをクリックするとサイドメニューが表示され、それに合わせてコンテンツを斜めに表示できるJQu ...

続きを読む

201404061009HCSW/00.png

レスポンシブ対応のイメージビューアSuperboxを試してみる

2014年04月06日 10時09分

本ブログでは、Lightbox2やColorboxなど多くのイメージビューアを取り上げていますが、今回は、以前紹介したLightboxの進化系 ...

続きを読む

201404051039HCSW/00.png

スクロール時にコンテンツをプルアップするpullupscrol ...

2014年04月05日 10時39分

最近、スクロール時にコンテンツを引っ張り上げるインターフェースを見かける事が多くなって来ましたので、pullupscrollを試してみます。

続きを読む

201403222045HCSW/00.png

レスポンシブ対応カルーセルOwlCarouselを試してみる

2014年03月22日 20時45分

カルーセル関係のプラグインは、JQueryプラグインの中でも数多くおり、サイトのイメージにマッチするカルーセルが見つからないこともありますが、 ...

続きを読む

201403150928HCSW/00.png

指定したテキストを自動リサイズするFitTextを試してみる

2014年03月15日 09時28分

Bootstrap 3では、レスポンシブ対応のページを簡単に作成できますが、テキストのリサイズに関してはBootstrapまかせになるかと思い ...

続きを読む

201312301921HCSW/00.png

Bootstrap 3でModal(モーダルダイアログ)機能を ...

2013年12月30日 19時21分

Bootstrap 3を試してみるシリーズの第8弾は、モーダルダイアログの表示を行うModalsを試してみます。

続きを読む

201312291611HCSW/00.png

Bootstrap 3でScrollspy(スクロールスパイ) ...

2013年12月29日 16時11分

Bootstrap 3を試してみるシリーズの第7弾は、BootstrapのGetting startedでも使用され、当サイトでも使用している ...

続きを読む

201312291016HCSW/00.png

Bootstrap 3でPopovers(吹き出し)機能を試して見る

2013年12月29日 10時16分

Bootstrap 3を試してみるシリーズの第6弾は、既に紹介したツールチップによく似ているPopovers(吹き出し)を試してみます。

続きを読む

201312281842HCSW/00.png

Bootstrap 3でTogglable tabs(タブ)機 ...

2013年12月28日 18時42分

Bootstrap 3を試してみるシリーズの第5弾は、ウエブなどでもお馴染みのTogglable Tabs(タブ)を試してみます。

続きを読む

201312281507HCSW/00.png

Bootstrap 3でTooltips(ツールチップ)機能を ...

2013年12月28日 15時07分

Bootstrap 3を試してみるシリーズの第4弾は、Windowsでもお馴染みの、Tooltips(ツールチップ)を試してみます。

続きを読む

201312281246HCSW/00.png

Bootstrap 3でCollapse(折りたたみ)機能を試 ...

2013年12月28日 12時46分

Bootstrap 3でCollapse(折りたたみ)機能を試して見る(1)では、Collapse機能の基本を試しましたが、不満な点もあります ...

続きを読む

201312281018HCSW/00.png

Bootstrap 3でCollapse(折りたたみ)機能を試 ...

2013年12月28日 10時18分

Bootstrap 3で画像のカルーセル機能を試して見るでは、Bootstrap 3のカルーセル機能を試してみましたが、今回はCollapse ...

続きを読む

201312280853HCSW/00.png

Bootstrap 3で画像のカルーセル機能を試して見る

2013年12月28日 08時53分

当サイトでも使用しているBootstap 3は、ウエブデザインに必要不可欠な要素になっています。今回は、Bootsrap 3のJavaScri ...

続きを読む

201312272131HCSW/00.png

W3CValidatorsでHTML5の構文チェックを行う方法

2013年12月27日 21時31分

当サイトでは、HTML5を使用したコンテンツを作成しており、HTML5の構文チェックは、Markup Validation Service、C ...

続きを読む

201312270943HCSW/00.png

画像のスライドショーが簡単に作れるKwicksの使用方法

2013年12月27日 09時43分

本グログでは、これまでにLightbox2やColorboxを解説していますが、今回は第三弾としてKwicksの使用方法を解説します。

続きを読む

201312241809HCSW/00.png

ウエブサイトに必携のページ先頭へ戻るの実装方法

2013年12月24日 18時09分

いろいろなウエブサイトを閲覧していると、長いページに出くわすことがよく有ります。そんな時、スクロールしながらページ先頭へ戻るが出てくるのを期待 ...

続きを読む

201312241352HCSW/00.png

画像のスライドショーが簡単に作れるColorboxの使用方法

2013年12月24日 13時52分

前回の記事で解説したLightbox2を使うと、画像のポップアップやスライドショーが簡単に実行できますが、この他にもプラグインはあります。そこ ...

続きを読む

201312240839HCSW/00.png

画像のスライドショーが簡単に作れるLightbox2の使用方法

2013年12月24日 08時39分

多くのウェブサイトでは、画像のポップアップやスライドショーはごく当たり前のように出来るようになっています。そこで今回は、当サイトでも使用してい ...

続きを読む

201312240031HCSW/00.png

ソースコードを綺麗に表示できるプラグインSyntaxHighl ...

2013年12月24日 00時31分

ウエブ上で、CSS/HTML/Bash/Perlなどのソースコードを表示する時に以前は、preタグを使ったCSSで装飾するのが一般的でした。今 ...

続きを読む

201312232242HCSW/00.png

高速スライダーのJQueryプラグインFlexSlider2の使用方法

2013年12月23日 22時42分

当サイトでも利用しているFlexSlider 2は、万能スライダーとして人気のあるJQueryプラグインです。そこで今回は、FlexSlide ...

続きを読む

201312231526HCSC/00.png

CentOSにnvmを導入して、npm+lessc環境を構築する

2013年12月23日 15時26分

当サイトでも使用しているBootstrap 3は、多くのウエブ開発者からの支持を得ています。Bootstapは、元々lessというCSS拡張メ ...

続きを読む