READ MORE

Riot.jsでタグをエスケープせずに出力する

Riot.jsは、変数としてHTMLタグを含む内容を渡しても、XSS対策として自動でエスケープして表示する仕様です。 しかし、WEBコンテンツを作成していると、こんなことも。 名称をキリの悪い場所でなりゆき改行させるわけ …

READ MORE

Lodashでor検索and検索

JavaScriptのLodashで、JSONの配列からOR検索、AND検索をしてみました。 サンプルは、Vue.jsで表示を制御しています。 光の三原色RGBと、色の三原色CMYを検索項目として、 選択された要素を含ん …

READ MORE

かな順で並べ替えするJavaScript

配列のデータをカナの昇順に並べ替えます。 jsonからHTMLに一覧を出力して、カナ順、価格順でならべかえるサンプルです。 match.charCodeAtで文字をUTF-16のコードへ変換し、文字コード順に並べ替えてい …

READ MORE

HTMLコードだけで1pxの透過GIF

読み込み中のダミーなどに、幅1px、高さ1pxの透過GIFをHTMLコードだけで設置する記述です。 data:image/gifで、base64にエンコードしたGIFのバイナリコードを直接書いています。

READ MORE

CSSのclip-pathでコンテンツを丸く切り抜く

マテリアルデザインの、ボタンが円形に広がりコンテンツ表示領域となるエフェクトを作りたくて 画像ではなくテキストやその他のタグも含んだ要素をマスキングするclip-pathの使い方を研究してみました。 サンプルは、マウスや …