JavaScript
jQuery利用例：偶数行の自動判別
サンプルはこちら。http://jsdo.it/goto_jp/9yGi jQuery(及びJavaScript)を使うのは特殊な動作をするためのものと思われがちですが、UI表現の効率化に利用することもできます。 HTM…
divやliなどブロックごとリンクする
aタグだけでなく、ブロックごと全体でリンクさせたいときに便利です。 Javascript function link(url) { location.href = url; } HTML <div onKeyPre…jQuery：toggleとtoggleClassを正しく使いこなす
toggle()指定した要素に直接スタイルの「display:none」を付与・解除を行う。 toggleClass()指定した要素に指定したクラスの付与・解除を行う。 toggleは表示のオン・オフのみでシンプルに扱え…jQueryのeach文で特定条件ループを作る
each文の詳細についてはこちら。http://semooh.jp/jquery/api/core/each/callback/ HTML <ul> <li><a href="#&…jQueryでアコーディオンメニューを作る
See the Pen jquery accordion menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 以前CSSだけで動くものを紹介しましたが、古いブラウザ対応…
JavascriptでCSSを動的に追加
document.write('<link rel="stylesheet" type="text/css" href="css/active.css&q…
JavascriptでTweetの文字数をカウントする
TwitterではURLは22文字としてカウントをしています。そのようなTwitter独自ルールに基づいた文字数カウントをJavascriptで行うにはtwitter-text-jsを使います。 https://gith…