@wai_ya.com

復数のクラスを全て含む場合のCSS指定

2014.08.13 | Cats : CSS, HTML

たとえば、

<div class="hoge1">
 あばばばば
</div>

<div class="hoge1 hoge2">
 ひでぶぶぶ
</div>

<div class="hoge2">
 うひゃひゃひゃひゃ
</div>

こんなコードがあって、ひでぶぶぶ部分だけ色変えたいとかあるとします。
その場合は、

.hoge1 {
 background-color: #FF0;
}
.hoge2 {
 background-color: #0FF;
}
.hoge1.hoge2{
 background-color: #F00;
}

みたいに、.クラス.クラスみたいな書き方で両方含む場合にだけCSSを適応させることができるようです。

使用例

 あばばばば
 ひでぶぶぶ
 うひゃひゃひゃひゃ

 

 

WordPress の 標準ビジュアルエディタの「段落」「見出し」のプルダウンを変更する

2014.07.15 | Cats : Wordpress

ちょっとググってコピペしよ〜と思ったら、以外と情報がなかったので、メモ。ちなみに、しっかりググったら記事にしてくれている方がおりました。

参考:http://g3xerau6.hatenablog.com/entry/2014/04/21/185007

function my_tiny_mce_before_init( $init_array ) {
	$init_array['block_formats'] = '段落=p;見出し3=h3';
	return $init_array;
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init' );

とfunctions.phpに追記すると、「段落」と「見出し3」だけになりました。
‘block_formats’というパラメータが文字のフォーマットプルダウン設定になるみたいです。

Atom エディタで 文字選択時の色変え

2014.07.10 | Cats : CSS, HTML

Github製エディタのAtomがついにWindows7,Windows8でも使えるようになりましたね。

Hello Windows | Atom Blog(英語)

Atom

そんなバリバリアップデートを重ねていっているAtomですが、
デフォルトでは文字選択のときのハイライトがちょっとだけみにくかったので
選択時の設定を変更してみました。

WinでもMacでもユーザーディレクトリの直下に「.atom」というディレクトリができますので、
その中のstyle.lessを編集すれば、CSSベースで見た目がいろいろ変更できるみたいです。

/Users/ユーザー名/.atom/style.less
(環境によっては異なる)

で、文字選択時の変更は下記のように記述

.editor{
  .selection .region{
     background-color: yellow; /* 文字選択時に背景を黄色に */
     opacity: 0.3;	           /* 透明度を設定 */
  }
}

CSSで見た目を簡単に変更できるのは嬉しいですね。

フォーム関連のCSSで忘れやすいもの

2014.05.08 | Cats : CSS

フォームのインプットの忘れやすいものをまとめる。

フォーカスがあたった時に周りのラインを消す

input:focus{
  outline:none;
}

placeholderのスタイルを変更する

placeholderへのcssの記述方法(firefox / safari / chromeで確認)
・input / textarea 両方に効かせる

::-webkit-input-placeholder { color: #F00; }
::-moz-placeholder { color: #F00; }

・input 要素に効かせる

input::-webkit-input-placeholder { color: #F00; }
input::-moz-placeholder { color: #F00; }

・textarea 要素に効かせる

textarea::-webkit-input-placeholder { color: #F00; }
textarea::-moz-placeholder { color: #F00; }

とりあえず、ここまで。
随時追加していく。

ECCUBE 2.11.0 と 2.13.1 のテーブル比較(MySQL)

2014.05.01 | Cats : ECCUBE

1、インストールディレクトリのSQLを比較

2.11にしかないものは、2.13にしかないものはで記載していきます
※ENGINE=InnoDBについては2.13では削除されているので省略します。
※わかりやすい変更に関しては→で表記します。
read more…

ECCUBEの触り方まとめ
(主にバージョンアップについて)

2014.04.09 | Cats : ECCUBE

ECCUBEの触り方あれこれをまとめていきます。

とりあえずわかっていること

  • 2.11→2.12 や 2.12→2.13 などのバージョンアップの際にはDBの構造の変更を含めたかなりの変更が加えられる。
  • カスタムファイルはわかるようにしておかないとあとで大変な目にあう。
  • プラグインのエクスポートツールやインポートツールはレンタルサーバで動かす場合エラーが出る場合がある。
  • バージョンアップは基本的には自分で差分を埋めてアップロードすることが必要になる。
  • 相場は大体20万~40万と幅広い(2014.04.15時点のざっくり調べ)

もっと情報がわかり次第追記していく。

日付を出力するミニjQueryプラグイン

2014.01.15 | Cats : Javascript

個人的にjQueryをさわることが多く、あとで使おうかなと思っている機能をまとめてこなかったので今年こそはそんなことはやめようということで、ここに記録していきます。

まとめたものは、自己責任で使用していただく分には制限は持たせていません。
商用でも個人でも法人でもご自由にお使いください。

jQueryでつくるほどのものではないですが、日付と時刻を出力するプラグインです。

$('.target').dateClock({
	time:0, 		//ミリ秒の時刻を出力 0は現在時刻
	saparater:'.',	//日付の区切り文字
	clock:1 		//時刻を出力するか 1:出力 0:非表示
});

>Demo
>Download

Cakephp1.2で新規モデルを追加した時にエラーが出る場合

2012.08.12 | Cats : PHP

Cakephp1.2で、テスト用の新規データベースを設定した際に、エラーが発生。
何事かもわからず時間を費やした結果、原因はmodelsのキャッシュだと判明。

app/tmp/cache/models/hoge_db(DB名のファイル)

を削除することで、エラーが解消されたので、メモ。