読者です 読者をやめる 読者になる 読者になる

Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

ライブラリ

スクロール幅に応じてヘッダーを切り替える「ON SCROLL HEADER EFFECTS」

おぉ!これはすごい。スクロールしていくと、その幅に応じてヘッダーを切り替えていくという仕組みが実装できる。ON SCROLL HEADER EFFECTS

前の分類に依存したselectタグを実装できる「jQuery Cascading Dropdown」

これは便利。フォーム画面などで大分類、中分類。。。と選ばせる仕組みはよくある。大分類で選んだoptionに基づいて、中分類のselectで表示させるoptionを変更させるという仕組み。それを実装できるプラグインがこちらです。jQuery Cascading Dropdown

フラットUIのフレームワーク「Furatto」

まだまだ流行っているフラットUI。僕はあのミニマルなデザインが好きで、そんなサイトに出会うと興奮する。という訳で、フラットUIの新しいフレームワークがリリースされていたのでご紹介。Furatto

step1,2,3...!ウィザード形式のフォームを実装する「jQuery Steps」

縦にやたら長いフォーム画面っていまだによくある。で、入力をミスると正しい部分も全部初期化されるなんていうイケてないフォームも。。。というわけでウィザード形式を取り入れたほうがスマートだ。jQuery Steps

軽量でレスポンシブ対応!フラットなデザインのフレームワーク「skel.js」

軽量でレスポンシブ対応、フラットなデザインもかっこいいフロントエンドフレームワーク。skel.js

レスポンシブルなオーディオプレイヤーが実装できる「AudioPlayer.js」

レスポンシブWebデザインに対応したオーディオプレイヤーを実装できるライブラリをご紹介。AudioPlayer.js

流行りのフルスクリーンWebデザインを簡単に実装できる「windows」

今流行りのフルスクリーンWebデザインを簡単に実装するJSライブラリをご紹介。windows

RubyでかっこいいJSグラフが描ける「Chartkick」

僕自身Rubyは専門外なのだが、サーバーサイド言語でJavaScriptチャートが描けるというところが気に入ったのでご紹介。Chartkick

jQueryでファイルツリーが作れる「dynatree」

これはいつか使う機会がありそうということでご紹介。ファイルツリーを実装することの出来るjQueryプラグイン。dynatree

簡単に実装できるjQueryベースのWYSIWYGエディタ「jQuery TE」

簡単に実装できるシンプルなjQueryベースのWYSIWYGエディタを見つけたのでご紹介。デザインもなかなかよい。jQuery TE

くっ、くだらなすぎる。。。画面スクロールでオナラ音を出す「fartscroll.js」

あまりにくだらすぎるが衝撃的だったのでご紹介。画面をスクロールするとオナラの音を出すJSライブラリ。fartscroll.js

ajax処理に最適!?ローダー、処理結果通知をかねそなえた「Jquery-async」

面白いjQueryプラグインがあったのでご紹介。処理中のローダー、処理完了時の通知アニメーションを兼ね備えたjQueryプラグイン。Jquery-async

シンプルなUIのページネーション「simplePagination.js」

ライブラリ名まんまの記事タイトル。笑 シンプルで使いやすそうなページネーションのjQueryプラグインをご紹介。simplePagination.js

簡単にソート、フィルタリングが実装できるjQueryプラグイン「MixItUp」

かなりオシャレでかっこいいjQueryプラグインを見つけたのでご紹介。非常に簡単な実装で要素のソート、フィルタリングが可能。サイトもオシャレですな~。MixItUp

軽量&高速でかっこいいポップアップが実装できる「Magnific Popup」

かっこいいポップアップ(モーダルウィンドウ)を実装できるJSライブラリが便利そうなので紹介しておく。Magnific Popup

iTunesのcover flowのようなスライダーを実装する「sly.js」

iTunes11からなくなってしまった「cover flow」機能のようなスライダーを実装することのできるJavaScriptライブラリが良かったのでご紹介。Sly

これはオシャレ!デザインとアニメーションが秀逸なメニューを実装するJSライブラリ

いつか使いたいと思ったので書いておく。 オシャレなデザインと、かっこいいアニメーションが魅力的なメニューが簡単に実装できる。下記リンクよりDemoページに飛ぶことが出来るので、一度試してみていただきたい。RESPONSIVE MULTI-LEVEL MENU

クリップボードにコピーの実装は難しい?「zClip」が一発解決

ブラウザからクリップボードに文字列をコピーする機能を実装したく調べた結果、便利なJSライブラリがあったので書いておく。zClip

その数300以上!大量のJSライブラリを配信する「cdnjs」がすごい

最近JSライブラリを試すことが多くPC上での管理が破綻しかけていたなか、大量のJSライブラリがまとめられたCDNを発見したので書いておく。ライブラリを軽く試してみたいという人におすすめ。cdnjs

サイトツアーの作成に軽量&IE対応の「Intro.js」をおすすめする

サイトツアーを実現するJSライブラリに興味を持ったので10個以上を見てみた。で、Intro.jsがとても良かったので書いておく。 Intro.js

超軽量&IE対応のレスポンシブナビゲーションバー「responsive-nav.js」

これはいつか使えそうだと思ったので、備忘として書き残しておく。レスポンシブなナビゲーションバーが簡単に実装できるJSライブラリ。RESPONSIVE NAV