ブログ執筆環境、デスク環境

ルイログのデスクツアー「黒×白のシンプルデスク」2021年6月

ルイログのデスクツアー2021年6月。「黒×白のコントラストでCOOLな、無駄を極力省いたシンプルデスク」です。紹介するガジェットやモノが多くなったけれど、ぜひ最後まで読んでほしい。
ブログ執筆環境、デスク環境

デスクをスッキリ&おしゃれにするための小物3選

デスク周りはおしゃれに仕上げたいですよね。ケーブルをスッキリまとめるアイテムや見た目をさらにクリアにする方法、1発でおしゃれデスクに昇華させる方法などを紹介します。
ブログ執筆環境、デスク環境

テレワーク/リモートワークでも捗る自宅PCデスク環境 #わたしのブログ環境 2021/02

テレワーク、リモートワークでも捗るルイログの自宅PC環境を紹介!デスク・PC環境を整えるとお家時間が楽しくなるので、ぜひ参考にしてみてくださいね。
WEBデザイン

【コピペで簡単】アコーディオンを簡単実装。CSSで調整してアニメーション付きのよくある質問を単純なコードで作る!

detailsタグとsummaryタグでアコーディオンを実装し、CSSでアニメーションを付加。コピペで簡単に動的なアコーディオンを実装できるようにしました。よくある質問や折りたたみのアコーディオンメニュー作成にどうぞ!
ブログ構築

ルイログのブログデザインをリニューアルしました

ブログデザインをリニューアルする経緯についてや、テーマ変更もしたので利用したテーマについても紹介しました。
WEBデザイン

【コピペで簡単】CSSで雪を降らせる方法

冬場のLPではどうやって冬っぽくしよう?どうやってクリスマスっぽくしよう?と悩みますよね。そんなときにオススメなのが『雪を降らせる』です。一気に冬っぽい印象を与えることができます。CSSのコピペで簡単に実装する方法を紹介します。
WEBデザイン

【コピペで簡単】<br>タグをPCまたはスマホのときだけ反映しないようにする方法

テキストを中央揃えにしたとき、スマホで見たときにちょうど良いところへ改行を入れて、綺麗に読めるように。でもそれだとPCでは改行が多すぎる・・・なんてとき、ありませんか?その逆も然り。今回はそんなPCとスマホで起こりうる改行問題を解決するための方法をコピペで簡単に解決できる方法を紹介します。
ガジェット

モニターアームを利用してデスク環境をスタイリッシュで快適に。Amazonベーシックモニターアームをレビュー。捗るぞ!

モニターアーム、使ってますか?お家でPCを利用するのであればモニターアームに設置した外部ディスプレイに繋ぐと作業が捗り身体にも優しい。エルゴトロンのOEMで有名なAmazonベーシックシングルモニターアームをレビュー!
ガジェット

ウルトラワイドディスプレイ34インチをMacBookで使う!解像度3440×1440のJN-VG34100UWQHDR

解像度3440×1440のウルトラワイドディスプレイ34インチJN-VG34100UWQHDRをMacBook12で利用。購入前は使えるか不安だったけれど、リフレッシュレート50Hzで使えました!
ブログ執筆環境、デスク環境

腰痛予防 もできるGTRACINGのゲーミングチェアをレビュー。ブロガーやテレワークに最適!

GTRACING のオットマン付きゲーミングチェアを購入し日々を過ごす。高反発ウレタン座面で座り心地が良く、良い買い物をしました。
ブログ執筆環境、デスク環境

デスク環境を整えテレワーク(リモートワーク)でも捗る自宅PC環境に #わたしのブログ環境

作業効率のアップと、身体への負担軽減を考えたデスク環境を構築!作業環境を整えることで、日々の業務効率や肩こり防止などへも繋がります。テレワーク・リモートワークをしている方やブロガーもぜひ参考にしてみてください。
WEBデザイン

htmlのmapタグ。クリッカブルマップで画像の好きな座標にリンクをつける

ふた昔前くらいに流行ったであろうhtmlのmapタグことクリッカブルマップ。画像の好きなところにリンクをつけられる便利なやつ。jQueryを利用することでレスポンシブデザインサイトでクリッカブルマップが実装できるようになっています。
WEBデザイン

【コピペで簡単】CSSで端末によって横並びと縦並びを気持ちよく見えるようにする

PCやタブレットでは横並びに。スマホでは縦並びに。コンテンツをより見やすくするために、レスポンシブデザインとして、そういったテクニックも必要ですよね。ブログのトップページなどの記事の並びでも、そういった表現はよく利用されています。今回は「flexbox」と「mediascreen」を利用して実装したいと思います。もちろん コピペで簡単に 実装できるようにサンプルを用意しました。
WEBデザイン

CSSを駆使して右にできた謎の余白を消す方法

ふと自分のサイトをスマホで見てスクロールさせていると「なんかスクロールが不安定で横に少しだけ動くぞ・・・」ということに気づきました。はて、これはなんぞや?と真横にスクロールさせてみたところ、「少しだけ右に余白ができてしまっている・・・」ということに気づきました。その修正方法をここに記しておきます。
WEBデザイン

私がインストールしたVisual Studio Codeの拡張機能まとめ

VSCodeの拡張機能って何入れたらいいんだろう?何入れたっけ?となることはよくある話。そこで、現在私の利用しているVSCodeの拡張機能をまとめて紹介します。
スポンサーリンク
タイトルとURLをコピーしました