December 2011
4 posts
Sassの計算式で「マイナス -」を使う時の注意点(あと割り算も)
Less & Sass Advent calendar 2011が進行中ですが、さすがに誰もネタにしそうにない所でちょいハマりしたのでメモ。
Sassはプロパティの値の部分で計算式を使うことができます。
例えばこんなかんじです。
//scss
.hoge{
width:50px+20px;
}
//css
.hoge{
width:70px;
}
掛け算も出来たり便利なのですが、
あんまり使わないかもしれない引き算、つまりマイナスを使う時は
少しだけ注意が必要です。
//scss
.hoge{
width:50px-20px;
}
//css
.hoge{
width: 50px -20px; //そのままでちゃう
}
このようにそのまま出てしまいます。
マイナスを使うときだけ、マイナスの前後を半角スペースで...
ずど本(Webデザイナーのための jQuery入門)をオススメする、いくつかの理由
いつもなにかとお世話になっているピクセルグリッドの高津戸さんが、先日書籍を出版されました。実際に読んでみて、いろんな人に薦めたくなったのでおすすめポイントを書いておきます。
まずはこちらをお読みください。すでにたくさんはてブもついてますし、今更説明不要の良記事です。 「Webデザイナーのための jQuery入門」という本を書きました - Takazudo hamalog
まずひとつめのポイントはその「解説の丁寧さ」です。ずどさんといえば、セミナーなどでも有名な語り口調があるのですが、それが随所に出ていてとてもわかり易いです。
例えばこのキャプチャ、、、(キャプチャなので曲ってますが、本物は曲がってないよ)
jQueryの書き方を日本語で示したものですが、こういう説明をされれば理解もしやすいですよね。
...
ひさびさにGithub使ったらコマンド忘れていたので備忘録
手順やコマンドの備忘録
超初心者なので使ってる単語変ですが。
・新たにリポジトリを作るときはGithub上でやる。
・そこから諸々あるからここ見とこう http://d.hatena.ne.jp/Seasons/20081220/1229750384
・ここからは毎回の流れ
・git add で変更したファイルなりを登録
・git commit でそのファイルをコミット(gitに送る準備)
・git push でGithubに送って反映する
注意点
・git commit -m ‘ここにメッセージ入れる’ でコミットのメッセージを付けられる、
ログを残せるって感じ
・git commit -a だけだとログが指定されてないので、Vimとかが立ち上がる。
...
2 tags
スマートフォン向けサイト作成時のSass活用法
この投稿はLess & Sass Advent calendar 2011の5日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。
ここまでの4日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。
ベンダープレフィックスの面倒さを解消
スマートフォン向けサイト(以下スマホサイト)構築時のCSS記述の面倒さに「ベンダープレフィックス(接頭辞)」をつけることにあると思います。
...
September 2011
1 post
3 tags
スタログ vol.1
移動方法:初心者編
基本的にはショートカットキーで。
右クリック :Move
A→右クリック:Attack
H→右クリック:Hold
S→右クリック:Stop
【ニコニコ動画】【SC2】基本操作 その1【初心者向け解説】
August 2011
2 posts
iOS3シリーズでのborder-radiusの値
iOS3シリーズではCSS「border-radius」の値が
要素の半径以下でないとナシとみなされ角丸にならない。
.hoge{
width:40px;
height:40px;
border-radius:20px;
}
この場合、20px以上だと角丸のない四角になってしまう。
当たり前のような問題だけど、真円ぽく見せるために半径以上の値を
設定してて角丸にならなくて大騒動した、、、ら、えどさん(@edo_m18)に
1秒で解決してもらいました。さすえどでした。
はまログつけていこう
最近良くはまります。
気になるページのブックマークもよく忘れます。
忘れないように、気軽にはまログつけていきます。
大したことは書けませんが、優しく見守ってください。