サイト構築 -JavaScript

こんなに美しいレイアウトがシンプルなHTMLで簡単に実装できるスクリプト -Multiple.js

Post on:2016年6月22日

半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。 非常にシンプルなHTMLで実装でき、デモを実際に見るとその美しさに感動すら覚えます。 Multiple.js M

...記事の続きを読む

[JS]埋め込みはこれでOK!Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js

Post on:2016年6月14日

Google Mapをはじめ、YouTube, Vimeo, Vine, TEDなどの動画、SpotifyやSoundCloudなどの音楽、GitHub, CodePen, JS Binなどのコードなど、さまざまなメディ

...記事の続きを読む

[JS]コンテンツに応じたレスポンシブデザイン!要素の幅や高さや数に基づいてスタイルを定義できるスクリプト -EQCSS

Post on:2016年6月10日

レスポンシブ対応のWebページを制作する時に「Media Queries」を使用する人は多いでしょう。Media Queriesはメディア、いわゆるデバイスの幅や高さや解像度や種類に基づいて、スタイルを定義できます。 こ

...記事の続きを読む

CSS初心者にも簡単に使える!スクロールに連動するさまざまなエフェクトを実装できるスクリプト -AOS

Post on:2016年6月7日

スクロールすると、コンテンツをふわっと表示させたり、パタリと回転させたり、ズームさせたり、軽快なアニメーションを使ったエフェクトを実装できるスクリプトを紹介します。 jQueryは不要で、非常に軽量のライブラリです。 実

...記事の続きを読む

超軽量であらゆる言語に対応!Webページ上のコードを読みやすくするスクリプト -microlight.js

Post on:2016年6月2日

通常のシンタックス ハイライトだと、言語ごとのルールを記述したファイルが必要ですが、ハイライトさせる箇所を最低限必要な箇所に絞ることで、超軽量化(2.2k minified)させたスクリプトを紹介します。 ページで見せる

...記事の続きを読む

[JS]簡単で高性能!動画を背景としてブラウザやコンテナいっぱいに配置するレスポンシブ対応の軽量スクリプト -Bideo.js

Post on:2016年5月25日

動画を背景としてブラウザいっぱいに、もしくは指定したコンテナいっぱいに配置するレスポンシブ対応の単体で動作する軽量スクリプトを紹介します。 Bideoはおそらく、Background Videoの略でしょうかね。 Bid

...記事の続きを読む

[JS]Webページやアプリ用のさまざまなレイアウトを簡単に実装できる便利なスクリプト -Golden Layout

Post on:2016年4月18日

Webページやアプリ用のマルチスクリーン対応の柔軟なレイアウトを簡単に実装できるjQuery, React, Angularに対応したスクリプトを紹介します。 Golden Layout Golden Layout -G

...記事の続きを読む

[JS]縦長ページやスマホページに便利な機能や面白い仕掛けを実装する最近のチェックしておきたいスクリプトのまとめ

Post on:2016年4月11日

縦長のランディングページ、レスポンシブなスマホ対応ページなどに便利な機能や面白い仕掛け、気持ちいいインタラクションやエフェクトなどのアニメーションを実装できるスクリプトやjQueryのプラグインを紹介します。 写真: G

...記事の続きを読む

[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ

Post on:2016年3月14日

最近のWebサイトでよく見かける気持ちいいアニメーションを使ったコンテンツやエフェクト、便利な機能が実装できるjQueryのプラグインやスクリプトを紹介します。 フォント: 851チカラヅヨク

Google Analyticsがさらに使いやすくなる!ユーザーのさまざまなインタラクションを自動的にトラッキングするスクリプト -Autotrack

Post on:2016年3月8日

Google純正のGoogle Analyticsをさらに使いやすくする便利なスクリプトを紹介します。 ページ上のあらゆる要素のクリックイベント、メディアクエリのトラッキング、TwitterやFacebookボタンのトラ

...記事の続きを読む

top of page

©2024 coliss