プログラミング【簡単コード】CSSでヘッダーとグローバルナビゲーションを上部に固定してみよう
こんにちは、Webプログラマー見習いのトムです。 さて先日には「シンプルなグローバルナビゲーションを作成しよう」という記事を投稿しましたが、今回はその続きで、CSSでヘッダー固定を実装してみたいと思います。ちなみに正確には、ヘッダー...
2021-09
プログラミング
株式投資【待ち遠しい】米国高配当ETF(VYM,HDV,SPYD,VT,VIG)の権利落ち日を予測しました(FY2021 3Q)【訂正あり】
こんにちは！！米国ETF大好き人間＠トムです。 さて９月は米国高配当ETF投資家にとってウキウキな時期です。何故なら多くのETFの分配金支払月になっているからです。ということで私が購入している米国ETFのVYM、HDV、SP...
プログラミング【超基本】flexboxでシンプルなグローバルナビゲーションを作成しよう
こんにちは、Webプログラマー見習いのトムです。 今回はブログや企業サイトで良く出てくる「グローバルナビゲーション」をCSSを使って作成してみます。ちなみに私、毎度のことで恐縮ですが、つい先日までグローバルナビゲーションって用語を知...
プログラミング【コピペで完了】リセットCSSを使いこなそう
今回はリセットCSSについての解説です。HTMLとCSSでWebサイトを構築する上ではめちゃめちゃ大事なツールなので、ぜひ内容を理解しましょう。私のお勧めリセットCSSはress。headタグに1行コピペするだけで使えるので楽ちんです
株式投資【優良ツール】スマホアプリ「配当管理」を使ってみた！
こんにちは、株式大好きトムでございます。 今回はいつもとちょっと趣向を変えて、スマホアプリ「配当管理」をご紹介します。繋がっているツイッタラーさんが使われていて、見た目が綺麗でよさそうだなと思って使ってみると、非常に直観的で使いやす...
株式投資【見直し実施】米国株投資（高配当ETF・高配当個別株）の積立設定を見直しました
こんにちは、米国株と米国ETFが大好きなトムです。 さて先日、私が実践している米国株の高配当系投資（高配当ETF、高配当個別株）及び、新たにVIGを追加で積立投資する点について解説しました。 米国高配当ETF編米国個別株（高配...
プログラミング【超基本】CSSで画像の真ん中に文字を重ねる方法（簡単コード）
こんにちは、トム＠Webプログラマー見習いです。 さて私はprogateやcodestepでHTMLやCSSの学習を進めていますが、その中で画像の上に文字を重ねる課題が頻繁に出てきます。特に画像の真ん中に文字を重ねるパターンが非常に...
株式投資【組替実施】ジュニアNISAの投資を再検討した結果を解説します！
こんにちは、株式投資大好き人間＠トムです。 さてこれまで私の実践している株式投資法について解説してきましたが、そこで一度も触れなかった内容があります。それが今回のタイトルにあるジュニアNISAです。 トム式株式投資 基本戦略 ...
プログラミング【簡単コード】背景画像のパララックスをCSSを使って実装しよう
こんにちは、Webプログラマー見習いのトムです。 さて今回は背景画像のパララックスの実装をやってみたいと思います。ちなみに私、パララックスってcodestepの課題やるまで全く知りませんでした（大汗）。意味を引用してみると以下の通り...
株式投資【ポートフォリオ拡充】VIGへの積立投資を始めました
VIGは成長性にもディフェンス性にも期待できる優良ETF、だからこそ積み立てる価値があります。私の米国高配当ETF投資の柱となるVYM、HDV、SPYD、VTに加え、9月から新たに「VIG」を追加することに決め、早速積立投資を開始しました。
プログラミング【簡単コード】ボタンホバー時にボタンの枠線をアニメーションで囲むオシャレなCSSの書き方
ボタンホバー時にボタンの枠線をアニメーションで囲むオシャレなCSSの書き方を簡単コードで実現！ボタンのbefore と afterを定義しボタンの左上、右下の位置にセット。ホバー(hover)時にbeforeとafterの枠線のwidthとheightを変更します