タグ

2021年5月28日のブックマーク (5件)

  • Macのダイアログボックスをキーボードのみで操作する設定方法

    この記事では、Macのダイアログボックスをパッドやマウスを使わず、キーボードのみで操作する方法を紹介します。 MacでもWindowsと同じ様に、画像の拡張子を変更したときやシステムの警告などダイアログが出現することがありますが、キーボードのカーソルキーやtabキーで移動したりenterキーでOKボタンを押せず、毎回トラックパッドで操作していませんか? Macはデフォルト設定のままで使用していると、カーソルキーや tabキーでの移動ができません。enterキーでボタンを押すこともできません。 システムの設定を変更することで、MacでもWindowsと同様にキーボードでダイアログの項目を移動したりボタンを押すことができるようになります。 デフォルの操作方法 Macのダイアログボックスは、デフォルトのままではキーボードでボタンを選択・操作できません。 Windowsのようにtabキーやカーソル

    Macのダイアログボックスをキーボードのみで操作する設定方法
    ar0
    ar0 2021/05/28
  • Tips:Macのアラートやダイアログボックスをキーボードだけで操作

    対象OS:Mac OS X 危険度:(0%) WindowsユーザーがMacを使うときの不満の1つが、いちいちマウスを使わなければならないことが多くて、キーボードだけで操作できないことがある点です。なぜ、キーボードなのか?それは、その方が早くて正確だから。 さて、それはそれとして、Macでも操作のいくつかはマウスを使わずにキーボードで操作できることをご紹介しましょう。例えば、保存ダイアログボックス。 このスクリーンショットの例で言うと、ボタンがハイライトされている[保存する]ボタンをマウスでクリックするのと同じ、決定・選択の操作は、returnキーを押しても可能です。これはごく当然。 [保存しない]ボタンの周りにも薄くハイライトが表示されていますが、このボタンをクリックする操作は、shiftキーを押すことで代用できます。さらに、3つあるボタンそれぞれの間を移動するにはtabキーを使います。

    Tips:Macのアラートやダイアログボックスをキーボードだけで操作
    ar0
    ar0 2021/05/28
  • 選択範囲を一発でタグで囲む方法(VScode) - Qiita

    これを書いた後に 「あ!divタグじゃなくてpタグで囲まないといけなかった( ゚д゚)」 みたいな時ないですか??? 僕はこれすごく思ってて、憂になりながらも「divタグを消してpタグの開始タグを書いて、末尾に終了タグを書く」という動作をずっとしていました。 これが1つならいいものの、以下のような場合だと、友達の家のが自分にだけ寄ってこない時くらいの煩わしさを感じてしまいます。 ↓liタグで囲むの忘れてた場合

    選択範囲を一発でタグで囲む方法(VScode) - Qiita
    ar0
    ar0 2021/05/28
  • 美しいCC0写真でダミー画像を作成するなら「Unsplash It」が超手軽

    現在、「Unsplash It」は、Lorem Picsumと名称変更し、見た目も変更したようです。以下は、過去のUnsplash Itサイトの説明をもとにした古い内容になっているのでご了承ください。 美しいダミー画像を生成できるUnsplash Itというサービスを知りました。 これを利用すると、WEB制作時に何かと便利なダミー画像を、かなり簡単に呼び出すことができて、使い勝手がよかったので紹介です。

    美しいCC0写真でダミー画像を作成するなら「Unsplash It」が超手軽
    ar0
    ar0 2021/05/28
  • nuxt.jsにvue-carouselを導入してスライダーを作成 - Qiita

    <template> <carousel :per-page="1" :autoplay="true" :loop="true" :pagination-padding="5" :autoplay-timeout="4000" > <slide> <img src="@/assets/images/slide1.jpg" /> </slide> <slide> <img src="@/assets/images/slide2.jpg" /> </slide> </carousel> </template> <script> import Carousel from 'vue-carousel/src/Carousel.vue' import Slide from 'vue-carousel/src/Slide.vue' export default { components: { Caro

    nuxt.jsにvue-carouselを導入してスライダーを作成 - Qiita