CSS widthをcalcを使って指定する方法 width: calc(100% / 3) etc.
CSSでwidthを指定するとき、calcを使って計算された値にすることができます。 たとえば、 width: calc(100% /2 ) と指定すると、ブラウザの横幅の半分にすることができます。 ブラウザの表示↓ width: calc(100% / 3) と指定すると、ブラウザの横幅の1/3の幅にすることができます。 ブラウザの表示↓ ちなみに、MDNリファレンス […]
17/32ページ
CSS font-sizeを単位 rem で指定する方法
font-sizeを指定するとき、remという単位を使うことができます。 これは、HTML要素のサイズ（既定は16px）の何倍かという単位です。 たとえば、5remは80pxです。 5rem = HTML要素のサイズ 16px × 5 = 80px となります。 5remの表示（Google Chrome） 3rem は 48pxです。 3rem = 16px × […]
HTMLにCSSを適用する方法3つ
HTMLにCSSを適用する方法は3つあります。 ・外部スタイルシート ・内部スタイルシート ・インラインスタイル 外部スタイルシート これが最もよく使われる方法です。 <head>タグ内に<link>タグを追加し、CSSを読み込みます。 <link rel=”stylesheet” href=”style.css […]
- 2020.08.05
Python キノコードさんの動画の補足 “Pythonで面倒なExcelの仕事を自動化しよう( 第一弾 )”のケース2で使うデータを用意する方法
キノコードさんがアップしているPythonのわかりやすい解説動画、 「Pythonで面倒なExcelの仕事を自動化しよう( 第一弾 )」 こちらの動画は前後半で2つのケースについて解説されていますが、後半のケース2で元データとして使うエクセルファイルが見当たらなかったので、 元データを作成するPythonのコードを作りました。（キノコードさんのブログにあるsample.xlsxをもと […]
- 2020.08.05
- small,
HTML small タグの使い方
HTMLの<small>タグは、<footer>で著作権表示をするのによく使います。 たとえば、下のようにコーディングすると、 ブラウザでこのように表示されます↓ MDNリファレンスによると、 HTMLの<small>要素は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、small から […]
- 2020.08.05
HTML ダミーの文書を入力する簡単な方法 Lorem
HPやブログを作成するときに、ダミーの文書を仮置きしたい場合、 Visual Studio Codeで”Lorem”と打つと、簡単にできます。 ※自動補完機能が有効であることが前提 入力される仮の文章 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur deleniti tem […]
- 2020.08.05
- article,
HTML article タグの使い方
HTMLの<article>タグは、ブログ記事で使います。 たとえば、1つのブログ記事がヘッダー情報（タイトル・投稿日時）と記事本文のセットとするとき、 とコーディングすると、ブラウザではこう見えます↓ 「ここからここまでのかたまりが1記事ですよ」と表したいときは、<article></article>で囲みましょう。 MDNリファレンスによると、 […]
HTML unsplashのランダムイメージを使う方法
ホームページを作成するのに、とりあえず画像を表示させたい場合、unsplashのランダムイメージが便利です。 <img src=”https://source.unsplash.com/random/50×50″> とコーディングすると、50px ×50pxのサイズでランダムな画像が表示されます。 URLの末尾に画像のサイズを指定できます。 width […]
- 2020.07.31
日本からエストニアへの入国制限（新型コロナ対策としての入国制限）解除
日本からエストニアへの入国制限（新型コロナウイルス対策としての入国制限）は2020年7月31日時点で解除されています。 VISAの申請も受け付けています。 デジタルノマドビザの申請も受付開始予定であり、これを機にエストニアへ移住するのもありだと個人的に思っています。 エストニア外務省の公式ホームページ https://vm.ee/en/information-countries-an […]
HTML inputタグ type=”date” の使い方
HTMLの<input>タグ type=”date”は、日付選択フォームの表示に使います。 <input type=”date” name=”” id=””> とコーディングすると、 日付選択フォームが現れます。 ちなみに、Visual Studio Codeで入 […]