THE HAM MEDIA BLOG

もっとシンプルかつ簡単にフォントサイズを変える「大・中・小」ボタンを実装する方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
Cookie
Size
サイズ
フォント
font
jquery

先にエントリーした内容の別版。前のはボタン部分をimgの画像として読みこんで、そのsrcを変えることで実現をしていたのですが、なんだか有用性が低かったきがしてならなかったので、もう少しシンプルに且つ画像でもCSSのボタンでもどちらでもOKなようなスクリプトに変えてみた。

続きを読む

jQueryとカスタムデータ属性を利用してプレースホルダーを実装する方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
プレースホルダー
placeholder
カスタムデータ属性

先日エントリーした内容で、inputの内容でプレースホルダーとして「キーワードを入力」という文字のみを表示させていたのですが、input要素それぞれに実装する場合、それぞれのinputで任意の文字列を入れれるようにしておきたいですよね。

HTML5で実装されるplaceholdeが全ブラウザで利用できたらいいんですけど、表示されないブラウザもあるので、jQueryとカスタムデータ属性を使って実装してみました。

続きを読む

Web Designing 2011年7月号にて執筆しました!

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
日記
タグ:
執筆
jquery
Web Designing

Web DesigningのjQuery Labにて執筆中

Twitterでは何度かつぶやいていたのですが、Web DesigningにてjQuery Lab.を5509の徳田さんと、inkdesignの谷さんと共に執筆させて頂いております。いつもお二人にかなーり助けられつつ、書いていたり。

今回ですでに4回目ですが、4回目にして初めて自分のブログでも紹介するという遅さ・・・SaCSSの勉強会では、何度も紹介はしていたのですが、心機一転な状況でもあるため、ブログでも紹介。

続きを読む

フォントサイズを変える「大・中・小」ボタンを画像も使って実装する方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
Cookie
font
フォント
サイズ
Size

フォントサイズを変える「大・中・小」ボタンを画像で実装

今回も以前にエントリーした内容の変更版。知人に「フォントサイズを変えるボタンを画像にして、アクティブなボタンを保持したい」という要望があったので、もらったソースを元に作ってみた

続きを読む

【jQuery】inputのvalue値をもとにしたセレクタがうまく動かない?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
セレクタ
input
属性値

jQueryを使って入力フォームにサンプル文字を入れておくスクリプト

以前紹介した、入力フォームでプレースホルダーを実現する方法を紹介したのですが、inputのvalue値を元にセレクタの指定をしようとしたところ、うまく動作していないことに今更気づいた。

エントリーを書いた当時は問題なかったから書いていたと思うのですが、今確認しても動かないという・・・とりあえず確認してみることに。

続きを読む

OSC 2011 HokkaidoにてjQuery入門の話をしてきました

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
イベント関係
タグ:
jquery
OSC
勉強会
セミナー
札幌
北海道

先週末の6月11日、札幌で開催されたオープンソースカンファレンス2011 Hokkaidoにて、スピーカーとして参加してきました。

よさこいソーラン祭りも札幌で開催されていた日にもかかわらず、600人以上の参加者がOSCにきていたとか。その参加者のうちの120人程の前でjQueryの入門的な話をしてきました。

その際のスライド自体は、都合により公開しませんが、その内容のうち、一部をここで書いておきます。

続きを読む

もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
リンク

いつもブログを読んでいる『かちびと.net』に書かれていた内容で、たしかにシンプルなコードで、これは覚えておくと便利だなーなんて思ったコードだったのですがちょっとコード量が多いなんて気がしてしまったという。

で、なんとかもっとシンプルに、且つ、知っているとカッコイイ!と思うメソッドを使ってできないものかと思って試してみたところ、意外とすんなり、さらに少量化することができたのでご紹介しておきます。

続きを読む

Twitterの公式ツイートボタン・フォローボタンがFirefoxなど特定のブラウザだけ表示がされない場合の対処法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
JavaScript
タグ:
twitter
Firefox
バグ
ボタン

先日より、Twitter公式のフォローボタンがリリースされていましたけど、そのフォローボタンがリリースされたくらいから、ブログに導入をしていたTwitterのボタンが表示されなくなっていました。

しかし、このブログ意外のサイトでは普通に表示されているところが多いし、Google Chromeでみた時は普通に表示されるという状態・・・なぜ!?

もし同様の問題がある人がいるかと思ったので、この問題の解決方法をかいておきます。

続きを読む

第3回札幌IT飲み会開催!

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
イベント関係
タグ:
札幌
IT飲み会

札幌IT飲み会

しばらく開催されていなかった札幌のIT飲み会。今度は主催がかわって開催されるようです!

第3回は6月17日(金)に19:00から、南2条西1丁目-2 ラッソアイスバーグホテル2F「TAPIO sweets garden タピオ スイーツ ガーデン 」にて開始のようです!

続きを読む

オープンソースカンファレンス 2011 Hokkaidoで話をしてきます

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
日記
タグ:
OSC
jquery
SaCSS
セミナー

6月11日(土)に行われる、オープンソースカンファレンス 2011 HokkaidoでjQueryの入門的な話をすることになりました。

初めてのjQuery!〜簡単なUI操作からリッチなUIを目指して=

続きを読む

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。