【SVG】svgのviewBox属性?カメラで写真を撮ることと比較して簡単理解! 更新日:2020年6月10日 公開日:2020年6月5日 svg 前の記事でsvgをcssの「width」「height」で調整するパターンを見てきました。次はviewBoxを見ていくのですが、まずイメージから見ていけたらと思います。「viewBox」はカメラで写真を撮るときと比べなが […] 続きを読む
【SVG】17パターン検証!svgのwidth、heightをcssで設定し分析! 更新日:2020年6月10日 公開日:2020年5月29日 svg 1つ前と2つ前の記事でsvgの「width」「height」属性の組み合わせを20パターン見てきました。次はCSSで「width」「height」を設定した場合どのような結果になるか見ていきたいと思います。17パターン試 […] 続きを読む
【SVG】20パターン検証!svgのwidth・height属性を徹底分析!~後半~ 更新日:2020年6月10日 公開日:2020年5月26日 svg 引き続き「width」と「height」の組み合わせを見ていきます。残り7パターンも試し、さらに理解を深めたいと思います。 目次(SVGについて複数ページ書いてます) SVGについての基本 SVGのwidth・heigh […] 続きを読む
【SVG】20パターン検証!svgのwidth・height属性を徹底分析!~前半~ 更新日:2020年6月10日 公開日:2020年5月26日 svg 前の記事でsvgの「width」「height」属性とcssで指定した基本的な場合を見ました。本記事ではsvgの「width」「height」属性についてピックアップします。「width」と「height」の組み合わせを […] 続きを読む
【SVG】SVGのwidth・height属性はどう考えるとしっくりくる? 更新日:2021年12月21日 公開日:2020年5月24日 svg 前の記事でsvgの「xmlns」「version」などの基本的な属性を見ました。次は図形に関わる「width」「height」属性について見ていきましょう。 目次(SVGについて複数ページ書いてます) SVGについての基 […] 続きを読む
【SVG】SVGについての基本 更新日:2020年6月10日 公開日:2020年5月24日 svg htmlファイル内で svg は下記のように書けます。 <svg class="square" width="100" height="100" viewBox="0 0 100 100" xmlns="http: […] 続きを読む
作業が格段に速くなる!コピペだけでじゃ足らない!Clibor(クリボー)を使おう! 公開日:2020年5月10日 ソフト効率アップ・時短 Clibor(クリボー)というソフトのご紹介です。 7・8年ほど前から使い始めて今では手放せないツールです。私は主に基本機能しか使っていませんが、それでも作業は格段に速くなります。少しでも時間を節約して、自由に使える時間 […] 続きを読む
お知らせなどの記事が崩れる!?コピーするとタグまでコピーされるのが原因! 公開日:2020年5月8日 Wordpressウェブ お知らせやブログなど、記事を投稿するとなぜか記事が崩れるという経験ってありませんか? ブログなどの投稿に慣れている人は回避できると思います。ですが、ホームページやウェブサイトを初めて作って、お知らせやブログなど初めて記事 […] 続きを読む
ショートカットキーを使って全選択する(Windows) 公開日:2020年5月4日 ショートカットキー 使用中のソフト(アプリ)内のテキストや画像などを一括で選択します。 「全選択」のショートカットキー Ctrl+A 「Ctrl」を押しながら「A」を押します。 キーボード上の各キーの位置 Ctrl:1番下の段・左から1番目 […] 続きを読む
テキストを選択する色々な方法(1行・すべて選択) 更新日:2021年12月23日 公開日:2020年5月3日 ショートカットキーパソコン テキストを選択する方法はいろいろとあります。 例えば、マウスを使って選択したり、Shiftを押しながら矢印ボタンで1文字ずつ選択することができます。ですが、そういった方法ですと、上手く選択できなかったり、時間が掛かってし […] 続きを読む