画像をランダムに切り替えるスクリプトを考える
画像をランダムに切り替えるのって、 どうやるんだろう？ってことで調べてみた。 そして今回もいつものようにjQueryを使って作ってみます。 プレビュー JavaScriptで乱数を扱うときは、Math.random()を使う。 Math.floorは小数点以下切り捨ての処理を行う関数で、 今回はそれらを使います。 ◆ソース（初期画像部分） $(function(){ var len = 4; var arr = new Array( "https://h2ham.up.seesaa.net/image/200808071.jpg", "https://h2ham.up.seesaa.net/image/200808072.jpg", "https://h2ham.up.seesaa.net/image/200808073.jpg", "https://h2ham.up.seesaa.net
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
Retweetボタンを簡単に設置できる「Easy Retweet Button」のカスタマイズ方法
Twitterをはじめたかなり前に比べると、ものすごくTwitterがにぎわっていると思うこのごろですが、いまさらながら「Retweet」のボタンを設置しようと思い、とりあえず簡単にですが設置してみた。 今回の設置では、「Easy Retweet Button」というJavaScriptを使って本当に楽に実装。 これを使うと、Retweetが簡単にできる且つ、その時に投稿したRTのリンクが何回クリックされたのかというのがわかるようになります。 ただ、使用する際にカスタマイズが必要でしたので、その点についてをメモしておきます。 Easy Retweet Buttonの使い方 まずは、サイトに行き、必要なJSファイルをダウンロード。下記リンクを保存して使うこと。 http://ejohn.org/files/retweet.js ちゃんとダウンロードしましょう。（上記リンクを右クリックで「名前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
