-
- いいね！13
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
本日てげWeb開催日です！コワーキングスペース301にて18時開場19時開始！対象ブラウザが変わったら…は、量が多いので今回はダイジェストです（来月以降も扱います）。発表・告知のある方も、聞くのみの方も、お待ちしております(^^) tegeweb-201601.peatix.com/view
2016-01-29 10:04:11
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
KickstarterでクラウドファンディングしているAir Bonsai。最初からKickstarterに出すのが意識的で大変素敵です。伊万里焼や桜島の軽石をを使っていてこのファンタジー感。 ow.ly/XI3jK #tegeweb
2016-01-30 12:13:58
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
新しいHTML, CSS, JavaScriptの仕様でさほど手をかけずに新しい表現をできるようになるので積極的に使いたいところ。ただし、ブラウザによってサポート状況が違う。そこにきてIEのサポートポリシー変更。goo.gl/kFVP0P #tegeweb
2016-01-30 12:19:09
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
2016 年1月12日（米国時間）以降はIEサポートポリシーが「各OSの最新版のみとなる」と変更された。具体的にはWindows Vista SP2 IE9、Windows 7 SP1 IE11、Windows 8.1 Update IE11。 #tegeweb
2016-01-30 12:23:35
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
ちなみにVistaはOSサポートは2017年4月で終了、という状況。シェアも少ないしWin7以上対象にしている案件は多そう。 #tegeweb
2016-01-30 12:24:22
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
Androidバージョンシェアは4.1-4.3、4.4、5以上がそれぞれ1/3くらいずつ。PC, SP, TBも含めた全体では5.87%なので、それぞれ2%以下のシェア。 ow.ly/XI6Y2 #tegeweb
2016-01-30 12:33:22
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
iOS バージョンシェアはiOS9: 76%、iOS8: 17%。PC, SP, TBも含めた全体では5.87%なので、全体から見ると iOS9: 19.4332%、iOS8: 4.3469%。 ow.ly/XI7iL #tegeweb
2016-01-30 12:35:41
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
プロジェクトによって違うと思うけども、レスポンシブWebで広く一般向けに作ることを考えるて、PCは各ブラウザ最新、SPはiOS9, Android4.4以上としてcan i useで使える仕様をチェックした。 ow.ly/XI7E0 #tegeweb
2016-01-30 12:39:25
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
HTML：input要素（type属性（range, email, tel, url, search）、placeholder属性、hidden属性）、dataset, data-*属性 抜粋。他にも使えるものはたくさん。 #tegeweb
2016-01-30 12:58:04
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
input要素type属性rangeのスタイリング。 codepen.io/chriscoyier/pe… #tegeweb
2016-01-30 12:58:57
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
input要素placeholder属性がついているときのスタイリング。qiita.com/tmiame/items/8… #tegeweb
2016-01-30 13:05:21
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
CSS： ボックスモデルの変更→box-sizing、背景の複数指定→background: 背景指定1, 背景指定2 背景色;、グラデーション→background: linear-gradient, radial-gradient →つづく #tegeweb
2016-01-30 13:08:10
森 史憲🍛🍻🍫 / コーディングデザイン
@mr_moo555
→つづき グラデーションは繰り返しもOK、outline レイアウトに影響しないボーダー ow.ly/XI9Ye、text-overflow 幅・高さ固定領域から文字があふれた時の扱い ow.ly/XI9ZJ #tegeweb
2016-01-30 13:11:04