Noise of Web Programming

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

ブログを移転しました。

Tecuration.com

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

Javascript

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

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

JavaScriptの学習資料を集めたサイト「Superhero.js」が渋い

英語ではあるがJavaScriptを学習している人にぜひおすすめしたいサイトがSuperhero.jsである。何とも渋いTop画面ではないか。Superhero.js

Youtubeのメニューにかかっているあのエフェクトを実装する方法

少なからずはこういうのを探している人がいるかもということでご紹介。Youtubeのメニューエフェクトの実装方法を解説している記事を取り上げてみる。Simple YouTube Menu Effect(Demo)

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

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

HTMLからイベントハンドラを切り離す!救世主イベントリスナー

前回イベントハンドラについて書いた。JavaScriptのイベントハンドラをまとめてみた このイベントハンドラなのだがやや問題があり、今回紹介するイベントリスナーを使ったほうが良いということを学んだので、まとめてみる。イベントハンドラをHTMLから切り離…

JavaScriptのイベントハンドラをまとめてみた

動的なJavaScriptの実行を可能とするイベントハンドラについて学んだことをまとめておく。イベントハンドラとは 通常JavaScriptはWEBサイト(HTMLファイル)の読み込み時に実行されるが、ボタンをクリックする、テキストフォームを選択するなどイベントが発…

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

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

select-multipleで複数選択した際にJSでoptionを取得する方法

DOM関連の記事を書いているときにelementオブジェクトのselectedIndexプロパティについてふと疑問に思ったことがあったので、わかったことを書いておく。 selectedIndexとはselectタグ内のoptionにアクセスし、何番目のoptionが選択されているかを返すプロパ…

【DOM連載#3】JavaScriptのDOMでHTML要素を追加・削除

DOMの連載記事、最後の3回目は要素の生成、追加、削除について書く。本題に入る前にノードという概念について簡単に書いておく。ノードとは ノードとはHTMLへアクセスするためのインターフェースである。全12種類のノードがあるが、代表的なものは4つ。一つ…

【DOM連載#2】JavaScriptのDOMでHTML要素を編集

DOMの連載記事、2回目は要素の属性や文字列の扱いについて書く。属性、文字列を取得したり、書き換えたりすることが可能だ。 前提としてHTML要素が特定できていなければ編集することが出来ない。なので、要素の参照が分からないという方は以下の記事をどうぞ…

【DOM連載#1】JavaScriptのDOMでHTML要素を参照

最近DOMについて改めて学びなおし、気づきが多かったので連載という形で書き残しておこうと思う。1回目はDOMでのHTML要素の参照について。まずDOMとは何かについて、一応引用しておく。 Document Object Model (DOM) は HTML や XML 文書のためのプログラミ…

クリップボードにコピーの実装は難しい?「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