コーディング

October 04, 2014

scssでcss

久しぶりに真面目な話www

仕事でscssを使い出しました。

mixinを自作してみたのでshare( ´ 艸` )w
CSS3でも、フレキシブルデザイン用でもあーりません。


//columns
$width: 1050px //ご自由に
$default_margin: 20px //ご自由に
@mixin col-unit($span) {
 float: left;
 margin-right: $default_margin;
 $column-width: ($width - ($default_margin * ($span - 1))) / $span;
 width: floor($column-width);
 &:last-child {
  margin-right: 0;
 }
}

//使い方
footer {
  margin: 30px 0;
   li {
   @include col-unit(6); //カラム6
   }
}


…もっと良い書き方がありそうですが。。

それと、時間をかけて作った割には、
全然評価されなかった(苦笑)less vs sassのプレゼンテーションファイル。
http://www.slideshare.net/awelcom/less-vs-sass-38038783

まだまだひよっこです(´・ω・`)

aya_welcom at 12:39|PermalinkComments(1)TrackBack(0)clip!

July 01, 2007

Google Custom Search Engine

ブログに、Googleのカスタム検索機能をつけてみました。

指定したページに、指定したサイトの検索結果出力可能になります。
融通が聞く分、ちょっと設置に苦労しました。

手順は、
1.  Custom search engineに登録/検索該当サイトを登録/コード(ソース)を確認

2. ブログの検索飛び先として、ブログ記事を投稿。記事には、指定されたコードを記入

3.  ブログのプラグイン部分に検索窓のソースを挿入(飛び先のurlを入れる)

それだけ。

でも!なんだか記事にjavascriptだけの文を書くとおかしなことになったり、検索結果枠の枠をwidth:500px以下にしてもそれ以下にはならなかったり(結局、cssで回避しました)日本語は、化けちゃったり(文字コードもinputで一緒に送信させてなんとか直りました)...
そんな感じで、ちょっとめんどくさかったです。

検索結果もイマイチだわ、(iframeで検索結果を出してるのですが)iframe内のソースはいじれないので白くぽっかりと検索結果がでているのが気になるわってな感じですが。。

まぁいいか!w


aya_welcom at 14:15|PermalinkComments(0)TrackBack(0)clip!
Recent Comments