monomotiのブックマーク - はてなブックマーク

WYSIWYGエディタを実装するjQueryプラグイン・jQuery TE
WYSIWYGを実装するjQueryのプラグイン、jQuery TEのご紹介です。WYSIWYGエディタの割に軽量との事です。触って見たいけど時間無いので備忘録的にメモ。 jQueryでWYSIWYGエディタを実装する、というもの。サイズは16KBと、WYSIWYGエディタの割には軽量なのではないかと思います・・でも、他のをあまり良く知らない。ロゴがなんとなく公式っぽい感じがしますけど・・jQueryのアカウントのGithubには無いから違うのかな。シンプルな設計で使いやすい印象ではあります。ライセンスはMITとGPLのデュアルライセンスです。ドキュメントも充実していますのでチェックしてみては。 jQuery TE
monomoti 2013/05/13
javascript

jquery
リンク
CSS3のtext-shadowを使ったテキスト装飾のサンプル集
たまに使うので自分用にメモします。 css3のtext-shadow等を使用したテキスト装飾のサンプルコードの備忘録です。工夫すればいろいろと作れるんでしょうけど、とりあえずよく使うものをピックアップします。自分用のコピペ用サンプルです。用途は限られますけど、iPhone用サイトなどでも使えるので覚えておいて損は無いかなと思います。テキストだけだと管理が楽でいいですよね。 CSS3 text-shadow sampleいろいろ。フォントはGoogle font APIを使用しています。付けてるネーミングは無いと不自然だから付けた的なものですので気にしないで下さい。 Default
monomoti 2011/07/08
へー。デザイナさんも大変だ。
リンク
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする
列全体がクリック可能で、Wikipediaに飛びます。セル内にアンカータグが含まれている場合はそちらが優先されます。Webサービスの料金プランなんかに使えそうでは。 jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });
monomoti 2011/06/10
同様の事を以前やった。これで良かったんだと、ちょっと安心した。

jquery
リンク
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogle Map APIを使ったサンプルがオープンソースで公開されていました。ストリートビューなども表示することが可能です。興味の有る方はチェックしてみては。スマフォにGoogle Mapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map Google Map APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。ランドスケープ時も自動で横幅をあ
monomoti 2011/05/12
jquery

mobile

google

javascript

map
リンク
1