- ホーム
- 過去の記事一覧
過去の記事一覧
-
カードをスライドさせるようにコンテンツを表示できる「jQuery cardslider」
jQuery cardsliderは、コンテンツをカードのように表示してスライドさせて見せることができるjQueryプラグインです。シンプル・軽量なのでサクサク…
-
立体的に回転するテンプレート「3D Portfolio Template」
滑らかに、立体的に回転するテンプレートを実装することができる「3D Portfolio Template」をご紹介します。CSSの3D TransformsとC…
-
多彩なCSSアニメーションを実現できる「Choreographer-js」
Choreographer-jsは、多彩なCSSアニメーションを実現させてくれるシンプルなライブラリです。マウスを動かすことで背景カラーを変化させたり、スクロー…
-
特定の要素をレスポンシブ化してくれる「Reframe.js」
Reframe.jsはレスポンシブに対応していない特定の要素をレスポンシブ化してくれるスクリプトです。とても軽量＆使い方もカンタンなので、気軽に実装できるのが魅…
-
iPhone 7（iOS10）を傾けた時に画面が表示される（スリープ解除）機能をオフにする設定方法
iPhone 7、というかiOS10で新しく搭載された「iPhoneを傾けるとスリープを解除する」機能がとても煩わしく感じます。というわけで、さっそくこの機能を…
-
GIFアニメーションによるツールチップを実装できる「Toolgif」
ToolgifはGIFアニメーションを活用したツールチップを実装することができるjQueryプラグインです。指定した要素にマウスオーバーすると、GIFアニメーシ…
-
製品などの比較に役立つjQueryプラグイン「Product comparison」
Product comparisonは、いくつかの種類のものを比較する時に役に立つjQueryプラグインです。例えば、製品や写真などのデザイン、サービスの比較な…
-
DOM要素内のテキストを難読化させて読めるようにする「baffle.js」
baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さらにそれを読めるように明らかにするjsライブラリです。これらの動きはアニメーション化され表…
-
夜空に大輪の花を咲かす！Illustratorで花火の作り方
Illustratorの回転ツールを使って花火を作ると、幾何学的でおもしろみがないですよね。ランダムな要素を盛り込んで、少し自然でリアルな花火の形を作ってみまし…
-
シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」
overhang.jsは、通知バーを実装するためのjQueryプラグインです。しかも、シンプルかつクールなデザインです。他にも、プロンプト（動作を誘導するような…
