CodeMirrorでWordPressのhtmlエディタをもっと快適にする

0508s

前回「HTML Editor Syntax Highlighter」というWordpressのエディタをハイライト表示するプラグインをご紹介しましたが、これは「CodeMirror」というJSライブラリを使用していまして、このライブラリは様々なカスタマイズができます。
そこで、この記事では「CodeMirror」をカスタマイズしてさらに快適なエディター環境を構築する方法をご紹介します。

続きを読む

ソースコードで面白いことしているサイトまとめ

0502s

誰得感が高いですが、ゴールデンウィークなのでゆるめのエントリーでお送りします。

続きを読む

WordPressのhtmlエディターをハイライト表示するプラグイン「HTML Editor Syntax Highlighter」

0424s

Wordpressの標準のhtmlエディターはタグでも文字でも全て同じ色になってしまい、タグベースで記事を書くには不便ですね。
そこで、htmlタグをハイライト表示してくれるプラグイン「HTML Editor Syntax Highlighter」をご紹介いたします。

続きを読む

LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利

0417s

LESSにはMixinという複数のプロパティをまとめる機能があります。
例えばcss3のベンダープレフィックスなど設定しておけば、あとで1行で呼び出すことができます。
で、実際作成するにあたり一から作るより Twitter Bootstrap を利用すれば、よく使いそうな機能があらかじめまとまってるのでいいかもしれないです。

続きを読む

css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする

0410s

ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。
といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。

続きを読む

jQueryでシンプルなページャープラグイン作りました

0330s

以前、PHPでページャーを作成しましたが、それのjQuery版を作成しました。
あまり用途ないかもしれませんが、Ajaxでいろいろしたい場合Javascriptで表示できた方が便利かなとか。

続きを読む

jQueryでTableにマウスオーバーすると拡大(詳細)表示する

0323_s

Table(表)に情報量が多い表を入れようとすると改行がたくさん入り、読みにくくなってしまうことがあります。
そこで、普段は最小限の項目を表示してjQueryでマウスオーバーすると詳細な情報が表示されるということをしてみます。

続きを読む

RECENT ENTRY

POPULAR ENTRY