カラーミーで正規表現 regex_replace による後方参照

カラーミーで商品名の中にタグとか付けたい!

一致はするけど後方参照できない・・・

Smartyの修飾子regex_replaceで正規表現の後方参照・PHPではpreg_replace
http://blog.s-giken.net/268.html

こちらで解決いたしました。
上記リンク先ではECCUBE のお話ですが カラーミーも Smarty ですので大変参考になりました。

結局シングルコーテションにしたら期待通りに動いたというお話です。

xampp でバーチャルホストごとにphp の文字コードを指定する

apache 2.4.17 にて
html ファイルは文字化けせず、php ファイルはどうしても解決できなくて…
答えが見つからないなかやっとみつけた海外の掲示板で解決

AddDefaultCharset ISO-8859-1 not work
http://unix.stackexchange.com/questions/141470/adddefaultcharset-iso-8859-1-not-work

具体的には
xamppをインストールした配下の xampp/apache/conf/extra/httpd-vhosts.conf に以下のように php_value default_charset shift_jis を追加

<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs/hoge/"
ServerName local.hoge.com
php_value default_charset shift_jis
</virtualhost>

仲間の助言でググるヒントを得て一気に解決!

jquery 背景画像が読み込まれてから実行する(背景画像以外でも可)

[JavaScript] imagesLoadedで画像の読み込み時になんかする (祝・背景画像対応)
http://qiita.com/ryo_dg/items/ac75cf89e5163cc5490c

書き方

jQueryと一緒に使う場合

$(‘#container’).imagesLoaded({background: true}, () => {
console.log(‘背景画像が読み込まれたよ!’);
});

css アニメーション

css アニメーションのための情報
ざっと簡単に

animate のサンプル

css をダウンロードして使うこともできる
http://daneden.github.io/animate.css/

どんなことができるか

  • 要素がふわっと浮き出る
  • 要素の移動
  • カラーの動的な変化
  • 等など

css アニメーションの種類

プロパティが3種類ある

  • transition
    • :hoverなどと同じように、特定のアクションに対して要素を単純に状態変化させ、終了後に自動で逆のアニメーションで元に戻る
    • ループしない
    • 動作が終わると最初の状態に戻る
    • ie10 以上 スマホもほぼ大丈夫
  • animate
    • 細かい設定が可能
    • ループする
    • 動作が終わると最初の状態に戻る
    • ie10以上 ios,andorido はは
  • transition
    • 要素を変形させる

参考サイト

http://www.flapism.jp/html/416/