inopro

DELL INSPIRON zino HD SSD交換

DELL INSPIRON zino HD パソコンのHDDからSSDに交換してみた。今回はHDD/SSD用変換ブラケット使用。

DELL INSPIRON zino HD パソコン 今回SSDがお得に手に入ったので、このパソコンを SSD化しようと情報収集しようとしたが、情報があんまり なかった。 今回何とか成功したんで、その方法記事にしてみました。 YouTube...
HTML CSS

3DBOX 回転する3Dボックス作ってみました。HTMLとCSSだけで、3Dアニメーション transform-style: preserve-3d;【サンプルコードあり】

YouTube動画で3Dアニメーションで簡単そうなのあったんで。見ながら作ってみました。今回はtransform-style: preserve-3d; rotateY() translateZ();を使ってる。実際にコード書いてみました。
HTML CSS

white-space : pre;これを指定すると。長い文章の場合でも折り返さずに表示できる。CSS

CSS で white-space: pre;を指定すると。長い文章の場合でも折り返さずに表示できる。通常何も指定してない場合は。要素の端で自動で折り返される。white-spaceは、要素内での文字列を制御するとこが出来るプロパティ。
WordPress

WordPressの記事の中に HTMLやCSSのコードなどを見やすく表示するプラグインUrvanov Syntax Highlighter 使ってみた。

Wordpressの記事の中に、プログラミングコードの挿入が簡単に出来るプラグイン Urvanov Syntax Highlighterがあるの知ったんで入れてみました。HTML/CSS/Javascripなど様々なタイプのコード可能。
VScode

VSCode の拡張機能 LiveServer 使ってみた 簡単にローカルサーバーの立ち上げが簡単 各ファイルの内容を変更自動で更新

VSCode 拡張機能LiveServer使うと、 簡単にローカルサーバーの立ち上げができ、 各ファイルの内容を変更したら自動で更新してくれると聞いたので。 インストールしてつかってみた。 使ってみた印象は、 HTMLはリロードしないと更新...
パソコン処分

DELLパソコンリサイクル処分 PCリサイクルマークついてたんで無料申し込みしてみた。

今回パソコンの処分について、調べてみたので書いてみます。 パソコンの処分について、今回DELLのパソコンSSD化しようと 試みたが失敗。 パソコン処分するのでちょっと調べたら、経済産業省で パソコンのリサイクル事業で無料で引き取ってくれるら...
HTML CSS

【サンプルコードあり】HTML/CSSで flex-wrap: wrap; が効かない場合の対処の方法

flex-wrap: wrap; が効かない場合の対処方法は いくつかの方法があります。 今回、ページを縮めた時に要素が下に折り返す 設定を下が、要素が縮むだけで折り返されない 状態になってました。 その解消法はいろいろあります。 その中の...
HTML CSS

【サンプルコードあり】 ナビゲーションバー(nav)をinline-blockを使って作った方法。

ナビゲーションバー(nav)の作成方法はいろいろありますが、この記事ではnavをulのliで作成して、liをinline-blockにすると横並びになるのでその方法で作成。calcで均等配置して作成。実際のサンプルコードも記載してます。
VScode

VSCodeを使う時に知ってると便利なショートカットキーまとめてみました。Windows版・Mac版表あり

VSCodeを使う時に知ってると便利なショートカットキーまとめてみました。 このショートカット知ってると作業効率上がるので、 出来れば覚えて使えるようになりましょう。 ショートカットキーは多くのものがありますが、最初は覚えるの 大変でしょう...
フリーナンス

マイナンバーカードの健康保険証登録で7500円分ポイント付与申請受付が 6月30日から開始みたいです。

マイナンバーカードの健康保険証登録方法調べたので、まとめてみました。マイナンバーカードの健康保険証登録で7500円分ポイント付与申請受付が 6月30日から開始みたいです。厚生労働省がYouTube動画も公開してたのでその動画も載せました。