サイト構築 -JavaScript

[JS]ありそうでなかった!スクロールエフェクトのベースになるさまざまな値を取得するシンプルな超軽量スクリプト -roll.js

Post on:2015年11月19日

縦長ページのスクロールを利用したエフェクトに必要なさまざまな値、スクロール量、ポジション、ページネーションなどを正確に取得することに特化された超軽量(3kb gzip)のスクリプトを紹介します。 作者様曰く、これ系のシン

...記事の続きを読む

Webページを印刷する時に便利!不要な部分を除いたりスタイルを最適化して印刷できる -The Printliminator

Post on:2015年11月18日

Webページを印刷する時に、うまく収まらず残念な思いをしたことはありませんか? 縮小したり、紙のサイズを変えたりも手ですが、不要な部分を除いてしまうのも手です。 ページ上の不要な部分をクリックで簡単に削除して、印刷できる

...記事の続きを読む

jQueryの必要としない機能を削除して軽量化できるオンラインサービス -jQueryConfig

Post on:2015年11月16日

jQueryを使用する時、毎回全部の機能を使用していますか? 必要としない機能を削除して、あなたが使用する機能だけのjQueryを作ることができるオンラインサービスを紹介します。 jQueryConfig jQueryC

...記事の続きを読む

[JS]デスクトップでもスマホでも操作が軽快!画像の拡大表示をシンプルなコードで実装 -simplebox.js

Post on:2015年11月13日

レスポンシブ対応で、デスクトップでもタブレットでもスマホでも操作が軽快な画像を拡大表示する超軽量(722Bytes)のjQueryのプラグインを紹介します。 simplebox.js simplebox.js -GitH

...記事の続きを読む

[JS]このアイデアは面白い!セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]

Post on:2015年11月9日

フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介し

...記事の続きを読む

[JS]レスポンシブ対応、画像の配置を文字のツラにぴったり揃えるスクリプト -Baseline Element

Post on:2015年11月6日

画像やテキストなど、コンテンツのデザインで重要なのは縦のリズム。 ページ上の指定した要素を文字のベースラインにツラをあわせて配置し、縦のリズムを簡単にデザインできるスクリプトを紹介します。 デモのように罫線を背景にした時

...記事の続きを読む

[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips

Post on:2015年10月23日

jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。

...記事の続きを読む

[JS]ふわりとした動きが気持ちいい!スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up

Post on:2015年10月9日

ページをスクロールすると、垂直に配置されたコンテンツやパネルが後から追いかけるようにふわりと定位置に配置されるシンプルなスクリプトを紹介します。 ずっと気にかけてたエフェクトだったのですが、このスクリプトを使うと簡単に実

...記事の続きを読む

jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ

Post on:2015年9月15日

jQueryを使い、プラグインを追加していくのも便利ですが、やりたいことが限られている時は単独のスクリプトの方が軽量で、簡単かもしれません。 jQueryは無しで、必要な機能だけを実装するシンプルで軽量のスクリプトを紹介

...記事の続きを読む

[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height

Post on:2015年9月10日

指定したエリア内だけ、複数のエリアそれぞれに適用することも可能なパネルの高さを同じにするスクリプトを紹介します。 ↓こんな感じに1行目と2行目で高さを揃えたり、全て同じにすることも簡単です。 Right Height -

...記事の続きを読む

top of page

©2024 coliss