タグ

2018年5月29日のブックマーク (7件)

  • Chromeデベロッパーツールの文字サイズが小さくなってしまった時の直し方

    昨日、知り合いから電話があり、デベロッパーの文字サイズが「command + +」で戻らへんから直し方教えてと言われ、昔に僕も苦戦し調べた記憶があったので今回は、文字サイズの変更方法を記事にしたいと思います。 デベロッパーツールの文字サイズを小さくするcommand +–で文字サイズは、小さくなります。 デベロッパーツールの文字サイズを大きくするcommand + ^(- キーの右側)で文字サイズは、大きくなります。 普通、command+–で小さくなるならcommand++で大きくなると思いますが、USキーボード基準でのショートカットが割り振れているようです。 よってUSキーボードの場合はcommand++ デベロッパーツールの文字サイズをデフォルトサイズにするcommand+0(数字の0)で文字サイズは、一発でデフォルトサイズに戻すことができます。 作業のお共におすすめするアイテムデベ

    Chromeデベロッパーツールの文字サイズが小さくなってしまった時の直し方
    idr_zz
    idr_zz 2018/05/29
    うお〜〜ドンピシャでこれだった!!あざす! +じゃなくて^って孔明の罠すぎでしょうコレw Chromeデベロッパーツールの文字サイズが小さくなってしまった時の直し方
  • Azureとは? -アジュール?アズール?- | SIOS Tech. Lab

    ◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください ◆ 【よくわかるGrafana入門~バックアップ・リストアとアップグレード~】 オンラインセミナー開催 11月10日 12:15~13:00◆ GrafanaとはOSSの可視化ツールです。 サーバーのメトリクス・ログ監視、Kubenetes監視、IoT監視など、ITを中心とした幅広い用途で活用されています。 今回はそのGrafanaのバックアップリストア・アップグレードについて、掘り下げて説明していきます。 ⇒ お申込みはこちらから Microsoft社が提供しているクラウドサービスです。アジュールと読みます。 そもそもクラウド

    Azureとは? -アジュール?アズール?- | SIOS Tech. Lab
    idr_zz
    idr_zz 2018/05/29
    アズアと読むところだったヨ。。 Azureとは? -アジュール?アズール?- – SIOS Tech. Lab
  • 【Microsoft Cognitive Services API】まとめ - Qiita

    目的 Microsoft Cognitive Services APIを使って何か作ろうと思っている人向け。 このAPI群は色々あって、そもそも何ができるのか把握が大変でスコープを絞りづらいので(超)ざっとまとめた。 API概要 Vision API 機能 使用用途 無料利用 無料時制限 URL

    【Microsoft Cognitive Services API】まとめ - Qiita
    idr_zz
    idr_zz 2018/05/29
    MicrosoftもいろいろAPIを提供しているの知らなかった 【Microsoft Cognitive Services API】まとめ - Qiita
  • 上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA

    CSSでブロック要素を上下中央揃え(天地左右の中央に配置)する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼ CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する ※CSS GridだとIE 11に対応できません。しかし、IE 11は2022年6月にサポートを終了しているので、ウェブ制作者が気にする必要はないでしょう。 Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。モダンブラウザはもちろん、Internet Explorer 11(以下、IE 11)でもベンダープレフィッ

    上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA
    idr_zz
    idr_zz 2018/05/29
    全画面動画の天地左右中央寄せに使わせてもらいました!flexは子要素の横並びだけでなく、一人っ子要素の整列にも使えますね!! 上下中央揃えのCSSまとめ。Flexboxがたった3行で最も手軽 - ICS MEDIA
  • "height: 100%" の要素が画面の高さ100%にならない場合の対応方法 - Qiita

    ページ内の特定の要素を「ブラウザ画面の高さ100%」で表示させたい場合を考えます。 (各要素は通常フローで配置されているものとします) 期待通りの表示にならないCSS 以下のようなCSS指定が思いつきますが、この場合 .fullheight 要素はブラウザ画面の高さ100%にはなりません。

    "height: 100%" の要素が画面の高さ100%にならない場合の対応方法 - Qiita
    idr_zz
    idr_zz 2018/05/29
    Htmlとbodyに入れてあげると効く!! "height: 100%" の要素が画面の高さ100%にならない場合の対応方法 - Qiita
  • CSSで水玉模様(ドット柄)の背景パターンを作成する方法 | TechMemo

    CSSで水玉模様の背景パターンを作成する方法 CSSで水玉模様を作るには、グラデーションを活用します。例えば、以下のように指定することで、サイト全体に水玉模様の背景を敷き詰めることができます。 body { background-color: #fcfcfc; background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%); background-size: 20px 20px; background-position: 0 0, 10px 10px; } 「background-color」で背景色を指定し、「background-image」で水玉模様の色を指定しています。「background-size」は水玉の大きさで、「backgrou

    CSSで水玉模様(ドット柄)の背景パターンを作成する方法 | TechMemo
    idr_zz
    idr_zz 2018/05/29
    ドットがCSSだけで作れる!! CSSで水玉模様(ドット柄)の背景パターンを作成する方法 | TechMemo
  • 80's リバイバルの流行に乗って昔のレコードジャケットからカラーパレット作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは!ヴィクトリアです! 最近は自分の席じゃなくてオープンスペースのキッチンのカウンターで仕事をしています。 よく通りかかった社員に、「またここで仕事してるの?腰痛くならない?」とか 「はつしさん(隣の席のエンジニア)と喧嘩したの?」とか声をかけられます。 私がオープンスペースで仕事しているのには大きく分けて3つの理由があります。 ①モノがなくて広いスペースの方が集中できる ②窓の横で作業してると風が通って爽やか ③勝手にスピーカーをジャックして好きな曲がかけられる!!! . . . 最近そのオープンスペースで 繰り返し勝手に流しているお気に入りの曲があります!! みなさんご存知でしょうか? いやーなにって、PVがめちゃくちゃかわいい! 曲も大好きだけどこのPVめっちゃかわいいな〜〜 どこがかわいいのかって・・・Brunoの踊りもかわいいけどやっぱり、服? なんかこう古っぽいのが逆に

    80's リバイバルの流行に乗って昔のレコードジャケットからカラーパレット作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    idr_zz
    idr_zz 2018/05/29
    カラーパレットだけでジャケ思い出せそうだね 80’s リバイバルの流行に乗って昔のレコードジャケットからカラーパレット作ってみた