R.U.I– Author –

今までちょっとした計算をWindowではCalc（電卓）を起動して、Macではサイドバーの計算機を利用して計算していた。それが今、会社のWindowsPCでもプライベートのMacBookでも愛用しているテキストエディタ「VisualStudioCode」のデフォルト機能で簡単に計算することが判明。こりゃ便利だぞ！ということでその方法を紹介したい。

VSCodeの拡張機能って何入れたらいいんだろう？何入れたっけ？となることはよくある話。そこで、現在私の利用しているVSCodeの拡張機能をまとめて紹介します。

今回は写真・画像をcssでおしゃれ加工する方法の1つとして、影を利用したポラロイド風のボーダーをつけることによるおしゃれ加工を実装します。もちろん、コピペで簡単に実装できるようにしました。

Markdownを書くときのエディターと言えば「Visual Studio Code（VS Code）」が最高に良い。そのVS Codeで、Markdownのリアルタイムプレビューを綺麗に見やすくでき、さらにCSSをカスタムすること自分好みのプレビューへカスタマイズすることも可能に。こりゃあ入れるっきゃない！ということで、VS Codeの拡張機能「Markdown Preview Gith

使えるテキストエディターと言えばWindows・Macともに利用できる、Microsoftから無償で提供されている「Visual Studio Code」。 そんなVS Codeの便利な拡張機能「テキスト校正くん」を紹介したい。

htmlコーディングするなら「Visual Studio Code」のリアルタイムプレビュー拡張機能が超便利！macOSでもWindowsでも使えるVSCodeはいろんな機能が備わっていて超おすすめ！

「Visual Studio Code（VSCode）」はMicrosoftが提供している無償で高機能なエディタです。豊富な拡張機能で自分好みのエディタカスタマイズ可能。Markdownで書いてpdfやhtmlで出力もできる！

文章の読みやすさって、ほとんどは文章の構成や作り方で決まりますが、それ以外のところでも読みやすくすることができます。 それが「文字と文字の余白や行間の調整」です。

画面の上部に固定させるメニューバーや、ECサイトで右や左の端に小さくクーポンバナー画像を固定させていたりするサイト、ありますよね。 そういったコンテンツを画面に固定させる方法を、コピペで簡単に実装できる形で紹介しました。超便利なテクニックなので覚えておきましょう！

ページやコンテンツを作っていると、外枠はmarginやpaddingで隙間をあけて文字を読みやすくしたりしますよね。 でもそうすると、画像も勿論その枠の中に入っちゃいます。でも、このコンテンツは横幅いっぱいに表示したい・・・このバナーや画像は