カテゴリー別アーカイブ: 未分類

wordpressでユーザーを何個も作る必要があるのに、そんなにメアド持ってないよな時。

管理者としてWPを作成していると色々なアカウントを作成する必要があります。

そんな時クライアントの各担当のメアドを頂ければよいのですが、変なメールがきたよーなど喜ばしくない事も起こってしまう。

そんなとき、もし自分がGmailを利用しているのであれば以下のようにすることで一つのメアドで何個でもユーザを作成可能になる。

aiueo@hogehoge.comというメアドを利用していたとしたら・・・

aiueo+project001@hogehoge.com
aiueo+project002@hogehoge.com
aiueo+project003@hogehoge.com

+から@までの間をGmail側は無視してaiueo@hogehoge.comにメールが飛んでくる。
WPとしては別として理解するので何個でも複製可能。

これは利用しない手は無い!!

使用するテキストや文章がFIXしていないけど、とりあえずサイト作ってみてよな時。

案件などでたまにあります。
内容FIXしていないけど、実際の画面にいれてみたらどうなるか、をPS上で毎回やりとりするのは無駄に労力がかかるので避けたいところ。

そういう場合はブラウザ内で自分で色々やってみてくださいというところで、以下の属性を記述しておけばいいのかもしれない。

編集したい要素に「contenteditable=”true”」をつける。

<p contenteditable=”true”>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</p>

的な。

練習用。下のテキストが編集可能。

あああああああああああああああああああ

スライダーで画面端まで他のスライド画像を表示させたいときのプラグイン

タイトルの通り。

サイトによってはスライド1枚で画面端でもなく、一枚だけ見えてるでもないパターンあります。

その時に参考にさせていただいているサイト。

http://www.torounit.com/blog/2011/12/05/1048/
http://coolcarousels.frebsite.nl/c/2/
http://black-flag.net/jquery/20121219-4407.html

20150519追記

これすごいかも。
https://www.iosscripts.com/iosslider/

でも結局はBxSliderか!?
http://gallery-lounge.com/demo/bxslider/

お世話になったことのある正規表現

●ある文字列を含まない行を削除
^(?!.*文字列).*$
たとえばURLの***.com/product/以降が欲しいなーって時に。

●改行のみの行の削除
^\n
良く使いますね。

後は使っていくうちに追加していこう。
前にお世話になったのは覚えていないや。

●コメント削除
/\*/?(\n|[^/]|[^*]/)*\*/
Sassで作成したCSSでlineコメント入りで出しちゃったよーって時にSassで直せないときは以下。
/\* line/?(\n|[^/]|[^*]/)*\*/

グロナビにセカンダリメニューというか子要素のナビをつけるときに使えたやり方

よくあるコーディングとして

<ul>
<li class="nav01"><span>親カテゴリ</span>
<ul>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
</ul>
</li>
<li class="nav02"><span>親カテゴリー</span>
<ul>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
<li><a href="">そのメニューたち</a></li>
</ul>
</li>
<li class="nav03"><a>そのままリンク</a></li>
</ul>

よくある。
jqueryとかでliにhoverしたら、その子要素を・・・
でも今回は直接リンクだったり、ただの親要素だったり。
そこでliの子要素が何なのかを見て、実行処理を分ける。

$(“#gNav > ul > li:has(span)”).hover(/////

なんとなくやりやすかったから備忘録。

gmailのファビコンがタカトシのライオンのようになっている件

一年前くらいからかな、この症状が出て最初は焦ったのですが、その辺はめんどくさがりなので忘れておりました。

が、久しぶりに思い出してググってみたところビンゴな投稿が。
http://www.vectorview.net/vjv_style/cloud/736/
助かります!

が、そのサイト上だとすぐ解消となっておりますが私はずっとだな。
まぁ、大丈夫だろうけど。