Frontrend in Sapporo

Moriko @mori_ko

SaCSS Special4 Frontrend in Sapporo 開場13:30 場所は、産業振興センター セミナールームA（札幌市白石区東札幌5条1丁目1－1）です。 #sacss_sp4

プテラノドン（骨） @webgyo

なう #sacss_sp4

Ryunosuke Sato @tricknotes

着席しています #sacss_sp4

ふぁくとり〜さん @factory_ay

着席しています #sacss_sp4

じまぐ @nakajmg

#sacss_sp4 なうー

プテラノドン（骨） @webgyo

テスト　#sacss #frontrend #sacss_sp4

マミりん @mamiline6

着席しました（間違えました） #sacss_sp4

あんど @ampersand_xyz

スライドをスマホで操作していることに注目してしまう・・？！！　#sacss_sp4

あんど @ampersand_xyz

いいなースマホ操作　#sacss_sp4

じまぐ @nakajmg

一貫性が大事。 命名規則、コメント・改行・インデントも合わせる。CSSのプロパティの順番もアルファベット順などでそろえる #sacss_sp4

マミりん @mamiline6

プロパティをアルファベット順にして一貫性を保っている　#sacss_sp4

マミりん @mamiline6

セレクタは短くして、他への影響を少なくする #sacss_sp4

ハム (´ ºムº `) / HAMWORKS @h2ham

SaCSS Special4 Frontrend in Sapporo 開催中 #sacss #frontrend #sacss_sp4

マミりん @mamiline6

よく使うプロパティの紹介 #sacss_sp4 #frontrend

あんど @ampersand_xyz

gradientでのシマシマの実装、いい！これは使えるッ！　#sacss_sp4

ハム (´ ºムº `) / HAMWORKS @h2ham

gradientを使ったボーダー背景 #sacss #frontrend #sacss_sp4

マミりん @mamiline6

gradient プロパティでストライプ柄を作れる #sacss_sp4 #frontrend #sacss

コモモ先生 @komomoaichi

#sacss_sp4 gradientのしましまいいね。使えそう。

マミりん @mamiline6

opacity は写真のギャラリーで使ったことあります。transition使ってみよう #sacss_sp4 #frontrend #sacss

ハム (´ ºムº `) / HAMWORKS @h2ham

beforeとafter。重なり順は要注意 #sacss #frontrend #sacss_sp4

マミりん @mamiline6

::before ::after はブラウザによって対応してないから気をつけよう #sacss_sp4 #frontrend #sacss

あんど @ampersand_xyz

JS使うとランダム模様もできそうですね。･:*+.\(( °ω° ))/.+*:･　#sacss_sp4

じまぐ @nakajmg

rgbaはたしかIE8以下だと適用されない #sacss_sp4

マミりん @mamiline6

:disabled 使ったことなかった #sacss_sp4 #frontrend #sacss

じまぐ @nakajmg

StyleDoccoなどのスタイルガイドツールでスタイルの一覧を見れるようにしておけば確認も修正も楽 #sacss_sp4