Web制作に必要な様々なリソースをまとめたサイト。あらゆるカテゴリの情報リソースやツール類がまとめられてます。各情報はカテゴリに分けて整理されており、例えば「Coding」→「Code Editor」と進めば、Webコーディングにおけるツール類（この場合は主にローカルアプリケーション）をまとめて見る事ができます。あとはその中から自分に必要なツールを選ぶだけ。Webの制作って以前に比べるとこうした既存のツールを組み合わせて使う機会がグっと増えたので、日常的に使うツールがまだ固まってない人なんかにはこういうサイトは便利かもしれません。新しいツールの発掘にもイイですね。
シンプルな動きと装飾のModal表示用の、jQueryプラグイン。いわゆるLightbox亜種ですね。レスポンシブレイアウトにも対応しているようです。クリックで表示され、✕ボタン押下やescキーで消えます。個人的にはescキーが効くのが好印象。複数画像のスライドショーにも対応しています。作りがシンプルで挙動も品が良いので、使い勝手が良さそうです。
Web制作に役立つ様々なリソースを、ジャンルごとに分けて紹介するサイト。Webフォント、アイコンフォント、イメージ加工や圧縮ツール、ワイヤーフレームツール、写真素材、エディタ、フレームワーク、JSライブラリ、CMS、ホスティングサービスやドメイン取得、アナリティクス、Chromeエクステンションなど。またそれ以外にもマネージメントやマーケティング、eラーニングサイト、制作系のニュースサイトなども紹介されています。いやナイスですねこういうまとめ。「どうすりゃいいかを人に聞く前にまずはこれを見ろ」とか言うて人に教えたいです。
Webデベロッパーのための便利なリソースが20例まとめられた記事。内容はJS、CSSなど、主にコーディングを行う人にとって便利なものが紹介されています。CSSやSVGを使ったローディングアニメーションや、全画面オーバーレイのエフェクト、スワイプ可能なフォトギャラリーなど、最近のWebにおけるトレンドみたいなものも押さえられてるという印象です。
レスポンシブレイアウトとフリック操作に対応したカルーセルメニュー。いわゆるJavascriptを使ったイメージスライダーです。モバイル対応を前提としたサイト制作で使えそうです。フリック操作ですが、タッチデバイスではもちろん、PCブラウザ内でもドラッグにより似たような操作ができます。これはちょっと珍しいかも。導入も簡単で、CSSとJSファイルを読み込むだけ。jQueryなどのJSフレームワークは特に使っていないようです。またオプションも豊富にあるので、様々なカルーセル表現に対応できそうです。ナイスです。
サイトに時限式のストームトルーパーを仕込めるJS。あ、これ真面目な記事じゃないですネタ記事ですｗ Star Wars Episode 7のトレーラーを観ていない人、そもそもスターウォーズに興味が無い人にとっては少しもオモしろくないのでスルーしてください。ちなみにこちらのページに動作デモがあります。表示されたら、フォースの力を信じて忍耐を持って少し待ちましょう。トレーラーとほぼ同じ間で彼が出てきますから。ちなみに導入方法は簡単で、JSリンクの1行をサイトに追記するだけ。簡単ですね。ところで彼、誰なんでしょうね？ ジャンゴ・フェットとは俳優が違うし、クローン元が別人なのかな。フォースと共にあらんことを。
PCだけでなくモバイル端末にも対応した、JSフォトギャラリー。画像のサムネールをクリック or タップすると、ウィンドウサイズいっぱいに表示されます。ブラウザウィンドウ内にModal表示されるので、Lightboxの代替として使えそう。タッチデバイスのスワイプ操作やキーボードによる操作に対応し、またSNSへの投稿や画像のダウンロード、キャプションの表示切り替えなど、かなり多機能な印象です。UIはGoogle画像検索に、スワイプ操作の挙動はFacebookのMobile Appに似てるなーと思いました。いやこれイイですね。次からModal表示させたい時これ使お。
こ、これは懐かしい・・・。ある程度年長組のPCユーザーなら誰でもお世話になった、あのWinampがJavascriptで再現されています。つまりブラウザウィンドウ内でWinampが動きます。ただ見た目を模しただけではなく、ちゃんと動きます。ローカルにあるmp3ファイルをウィンドウ内に突っ込む事で音源が再生されます。当時はまだなかった（と思う）mp4ファイルなんかもちゃんと再生されるので、メディアを再生するエンジンは既存のものを使ってるんでしょう。いやこれアツいですね。当時の職場のWinマシンでこれ使って音楽聞いてたのを思い出します。まぁiTunesがある今、わざわざこれを使って音楽再生するメリットは特にないけど。ちなみにソースコードもGithubで公開されています。そういやMacではMacampってのもありましたね。UIのメタメタした感じが時代を感じますな。
