ページ 7 | 50代で脱サラしたおっさんの小部屋

Blog

ホームセンターグッツでダボ穴治具にも使えるドリルガイド

DIYされている方でしたらお分かりと思いますがドリル穴を垂直に意外と難しいですよね。 色んなメーカーから便利なドリルガイドが販売されていて、買えば便利なのでしょうけどもったいないので自作しました。 ホームセンター等で簡単に購入で...
HTML・CSS

JavaScriptでOSとブラウザを判定する方法

window.navigator.userAgentプロパティを使うと簡単にOSやブラウザを判定できます。 では簡単にHTMLを書いていくのですが、簡単なコードなのでJavaScriptはHTMLにscriptタグを使って書きます。 ...
Blog

ソーホースブラケットとバイ材で作業台の馬を作る

現在のDIY環境 現在はこんなも物が1つあるだけ!!。 まことに不便です。 簡易的な作業台が欲しい。 作業台の馬を作る 馬の作り方をネットでチラチラ見ていたらいい物、見つけました...
HTML・CSS

SASS(SCSS)の基本的な使い方

SASS(SCSS)の開発環境 SASS(SCSS)を使った開発はMicrosoftの無料で使えるエディター、Visual Studio Codeを使うことをお勧めします。 面倒なコンパイルを自動化できます。 セレクタのネスト...
Blog

ランダムサンダーRYOBI RS-115マジックパッド再生

ランダムサンダーを長く使っているとラバーパッドについているマジックシートがくっつかなくなります。 本来ならラバーパッドごと交換するのですが、これがけっこうなお値段なんです。 そもそも古すぎて交換パーツが見ありません。 ネットで調べ...
Blog

DIYでローテーブル(こたつ)の天板をリメイク

古い、安いのこたつの天板が見難い状態になっています。 塗装は浮いているいるし剥げるしなんともひどい状態です。 そこで100円ショップグッツでリメイクしてみました。 BEFORE 画像では分かりにくいですが中央部分は塗装が...
HTML・CSS

CSSのflex-growプロパティの意味と使い方

CSSのflex-growプロパティとは? flex-grow プロパティは、フレックスコンテナー内の残りの空白のうち、どれだけがそのアイテムに割り当てられるかを設定します。 残りの空間とは、フレックスコンテナーの寸法からすべてのフ...
It

WordPressホームページ用オリジナルテーマVer2.0

ランディングページ用WordPressのオリジナルテーマです。 どんなテーマなのかを簡単に紹介します。 ホームページ用WordPressオリジナルテーマVer2.0の特徴 ホームページを作りたい!!、現在のWebページをWordPre...
HTML・CSS

VisualStudioCodeの拡張機能を使ってSass開発

Sassって規模が大きくなればなるほど効率的なのは分かっているけどコンパイルとかそのコンパイルの環境を構築するのが面倒だから導入さてれいないそうです。 でもVisualStudioCodeを使えば拡張機能で簡単にコンパイルできちゃうん...
HTML・CSS

Sassって何者?Sassを使うメリットとデメリット

HTMLやCSSに興味があればSassって言葉を聞いたことがあるのではないかと思います。 聞いたことはあるが「よー分かんっ!!」って!!。 Sassについて簡単に解説します。 Sassとは? SassはCSSプリプロセッサの1つ...
タイトルとURLをコピーしました