【2018年度決定版】レスポンシブデザインのブレークポイントはこれで決まり！
こんにちは（・∀・） 以前【Labs】レスポンシブデザインのブレークポイントは！？でブレークポイントをいくつも作ると管理が大変だからメジャーブレークポイントを一つ作って... という投稿をしましたが、 全部じゃなくてもいいので、現在市販されているデバイスサイズをなるべくカバーしたい...というお願いを受けることもあると思います。 今日はそんなオーダーを受けた時にピッタリ、ブレークポイントを細かく設定してみます。細かくと言っても今回作ったブレークポイントはたったの10個です。 あ、やっぱりちょっと多いですか⁉️ でもご安心ください。メジャーブレークポイントは1つです。 それでは最初にサンプルをご覧ください。ブラウザサイズを変えると見出しの後ろに指定してある画面サイズが表示されます。 Result サンプルデモはこちら モバイルファーストでCSSの記述していきます。@mediaで囲われていない
Slackクライアントにリアルタイムに顔を表示する - ravelll の日記
エディタの左上にリアルタイムに顔を表示する - hitode909の日記 を見て僕は主にVimを使っているのでさっとエディター上にリアルタイムに顔を出すのは難しそうだな〜と思ったのだけど、Slackクライアントだったらシュッと出せるんではとやってみたら出せた。 Macユーザーの人は以下のコードを /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js に追加してクライアントを再起動すると出せる。多分クライアントをバージョンアップすると消えるので注意。 navigator.mediaDevices.getUserMedia({audio: false, video: true}).then((stream) => { const video = document.create
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
