WEBOPIXEL

javascript

CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える

Posted: 2012.11.09 / Category: HTML&CSS, javascript / Tag: ,

グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。
そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。

READ MORE

SVGを簡単に扱えるJSライブラリRaphael.js使ってみた

Posted: 2012.07.06 / Category: javascript / Tag: 

jpgやpngはビットマップなため拡大すると画像が荒れてしまいますが、SVGはベクターデータなため拡大しても荒れることはなく単純な図形のような画像なら容量も抑えられるといった特徴があり注目されています。
この記事ではJavaScriptからSVGを描画できるRaphael.jsというライブラリをご紹介します。

READ MORE

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

Posted: 2012.05.08 / Category: javascript, WordPress / Tag: ,

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

READ MORE