多忙な方におすすめ、WEBでできる簡単整形サイト!
- SQL文の整形!
長文のSQLを1行でまとめすぎだよ!!っって時に便利です。 - htmlの整形!
うっ、、、なにこのインデント!なにこのネスト!って時ちょい使える。
http://hamcutlet.fjord.jp/ - jsonフォーマットのデータ可視化!!
整形ではないですが、みずらいjsonデータもキレイに可視化!
開発備忘録
多忙な方におすすめ、WEBでできる簡単整形サイト!
最近なってはじめて知ったのですが、
よく記事などで、一文字目が大きくしているサイトがあるのですが、
いままでPHPなどスクリプトでイジッテいるのかとおもってましたが、実はCSSだけでできた事に最近気づきました。
タイトル・・・
上記のようにしたい場合。
.title:first-letter{
font-size:20px;
background-color:#eeeeee;
}
:first-letterと追記すれば一文字目だけのCSSを指定することができます。
上記例では、class=”title” の一文字目を背景グレーのフォントサイズ20pxにしています。
<input type="hidden" name="hoge[hoge_key]" value="1" />
<input type="hidden" name="hoge[]" value="1" />
たったこれだけ。
jQueryでselectboxなどプルダウンのオリジナルを用意しておき、
そのHTMLをコピーして使いまわしたい時のサンプルメモ。
<div id="list_select"> {html_options name="list_select" options=list_select_list selected=$session->post.list_select_id} </div>
上記のようにSmartyなどでフォームを作っている場合などに有効!
var this_id = ""; $j.each(txtArr, function() { this_id = String(this); $j("#list_select").children().clone(true).appendTo($j("#list_select-" + this_id + " > .list_select_append")); }
Selectボックスにはidとclassを設定しておき、class名を毎回変更させ、
2回目・3回目と繰り返すうちにばいばいに増えないようにしてます。