wordPress

WordPressでゲームが作れる?Dino Game

WordPressのプラグインって本当にいろいろできます。今回は、ゲームが作れるよって話です。紹介するプラグインは「Dino Game」プラグインで「Dino Game」って検索すればでてきます。 Dino Gameで検索 Dino Gam...
勉強

Javascript(JS)初心者のための練習問題

Javascriptを勉強し始めた方に向けて練習問題を作りました。Javascriptの学習に役立ててください。
HTML CSSの小技

Visual Studio Codeのフォーマッター自動化

Visual Studio Codeでは、デフォルトでフォーマッターが入っている。 自動でコードを整形してくれるので、とても便利。 設定はとても簡単。 左下歯車マーク押下 設定を選択 「format on save」で検索し、チェックをつけ...
その他

おすすめレンタルサーバー4選

サイトを作ったり、WordPressでブログを作成となると、レンタルサーバーが必要になってきますよね。 レンタルサーバーで調べると、どこを借りたらいいのか?と思うぐらいたくさんのレンタルサーバーが出てきます。 迷われるかと思いいますが、基本...
その他

おすすめASP(アフィリエイトサービスの会社)まとめ 3選

おすすめASPをまとめます。アフィリエイトのサービスって多いですよね。ASPという言葉、聞き慣れない方に簡単に説明すると、「アフィリエイトサービスの会社」です。広告主とメディアの仲介をする会社ですね。私が登録しているASPサービスまとめておきますので、気になる方は参考にしてみてください。
webサイト制作

おすすめのプログラミング学習本まとめ

私が今までプログラミングを学んでお薦めだった本をまとめています。追加いい本があったらどんどん追加していきます。HTML CSSを学ぶ、WordPressを学ぶ、Javaを学ぶなどの本を掲載しています。
webサイト制作

CSSでのmarginの相殺(marginでうまく幅が取れない)

縦方向にmarginが重なった場合、marginは相殺されます。相殺って難しい言葉ですよね。簡単にいうと、「長い方の長さが優先される」 例を見てみましょう。 <div class="box1"></div> <div class="box2...
webサイト制作

Webサイトの画像ファイルを簡単に軽くする方法

Webサイトの画像はページの表示速度を考えるとできる限り軽い方がいいです。Web上で画像を簡単に軽くできるサービスがあります。 それが、tiny pngというサービスです。 URLはこちら 使い方 サイトにアクセスし、画像をドラックアンドド...
HTML CSSの小技

HTMLだけでアコーディオンメニューを作る

HTMLの<details>タグと<article>タグを使うと簡単なアコーディオンメニュー(開閉メニュー)がHTMLだけで実装可能です。<article>以外の箇所が開閉する仕組みになります。 <details> <summary>リンゴ...
HTML CSSの小技

CSSのflexboxで上下左右を要素の中央に配置する

heightをとった要素に文字を入れると文字の縦位置は左上揃えになる。 flexboxで真ん中に配置する flexboxの三行を使うだけで、要素内で文章を真ん中配置できる。 こちらは、2行以上の真ん中配置にも対応している。 <div cla...