[B! filter] silemのブックマーク

【AngularJS】文字列中のURLをリンクに置換するフィルターを作った。

stackさんの回答とかを参考に自分が使いやすく。 coreApp.filter('parseUrl', function($sce) { var urlPattern = /(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?/gi; return function(text, target, style) { style = style || null; angular.forEach(text.match(urlPattern), function(url) { if (style) { text = text.replace(url, '<a target="' + target + '" href='+ url + ' style="' + style + '">

silem 2015/02/06

リンク

AngularJSのFilterでAND検索を実装してみた | For X Developers

秋口から使い始めた、Google製のクライアントサイドフレームワークAngularJS で、AND検索を実装します。 AngularJSには元々「Filter」という概念があます。繰り返し表示している配列データにフィルタをかけることができます。今回はそのFilterをカスタマイズして、スペース区切りで複数ワード検索ができる、AND検索を実装してみます。 AngularJSとは AngularJS（アンギュラージェイエス）は、Googleとコミュニティによって開発されているオープンソースのJavaScriptフレームワークである。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としている。MIT Licenseでライセンスされたフリーソフトウェアである。初版は、Miško HeveryとAdam Abronsによって2009年に発表され、2

silem 2014/10/30

リンク

css3 Fillter Effects -webkit-filterを試してみました。

css3ではFillter Effectsも実装予定となっております。開発用webブラウザ、webkitにて以下の画像を使い検証を行いました。 webkit http://nightly.webkit.org/ 以下の画像を元にcssで変化させます。 -webkit-filter: blur(3px); -webkit-filter:brightness(30%); -webkit-filter:contrast(30%); -webkit-filter:grayscale(); -webkit-filter:sepia(); -webkit-filter: invert(); -webkit-filter: opacity(30%); -webkit-filter: saturate(50%); -webkit-filter:hue-rotate(90deg); -webkit-fil