もう、二度と使わない・・・！笑 ２日くらい悩んでた、Androidでしか再現できないバグの原因がこいつでした。flex-boxめっちゃ便利〜☆て思ったけど、使わないようにしようと決まりました。 display: tableとdisplay: table-cellとかで代用できるぽいし。flex…

きれいなボタンを作る！border、backgroundにlinear-gradient、box-shadowだけだったら・・・色具合によっては、こんな感じののっぺりボタンになっちゃいます。 （フォトショ使い方わかんないいいい） 前回書いた内側下部のshadowを追加すると、しまった感じ…

グラデーションカラーのボタンがあって、borderの色がグラデーション下の色と同じくらいだったら下の内側に白っぽい線を入れることで、境界線が強調できる。 そのときのSCSSのメモ。 （@includeでmixinを持ってきてます） @include box-shadow(inset 0 -1px …

縦の真ん中に揃える よくあるこんな感じの要素の配置。 左の写真の立て幅のちょうど真ん中の位置に、 右の名前と時間の２つの要素を配置する。 これ自体はあんまり苦じゃない。 いろんな手段あると思う。たぶん。 でも、名前がとっても長い人の場合を考える…

続、CSSです。table-cellの存在を初めて知ったのでメモ。 table-cellはtd的なものにしてくれるものです。真ん中にしたい要素のdisplayプロパティにtable-cellを、親要素のdisplayをtable設定すると、text-alignが使えるようになる！（はず） わたしがはまっ…

CSS3Psに感動しました。笑むしろデザイナさんのpsdファイルに感動(,,꒪꒫꒪,,)しおりんありがとう！ 最近はもっぱらマークアップをやってるのですが、実はボタンのデザインにたじろいでいました。 画像は載せられないので私の手書きイメージ。 にょっきぼた…

こんばんは。要素を真ん中に配置したいなーってときのメモ よく使うのがmargin:0 auto;とかtext-align: center;とかとか？ margin:0 auto;は横幅決めたブロックの配置に使うもので、text-alignはインラインの内容の配置に使うってイメージです。合ってますか…

こんばんは。 先日lessのファイルを読んでいたところ、.box-shadow( ... ) 的な一行があってなんだこれは？となりました。 .がついているからclassのセレクタかとおもいきや、()がついているから関数…？？？？ これはMixin（ミックスインorミクシン）という…