
HTMLで画像が表示されない場合の原因と修正方法
画像があるはずの場所が「x」マークになっていて画像が正しく表示されない場合があります。 原因は大きく分けて画像URL(パス)の入力ミスとサーバーに画像が存在しない場合の2つです。 このページではHT…
2022 / 08 / 08
コーディング方法
画像があるはずの場所が「x」マークになっていて画像が正しく表示されない場合があります。 原因は大きく分けて画像URL(パス)の入力ミスとサーバーに画像が存在しない場合の2つです。 このページではHT…
2022 / 08 / 08
Markdownの書き方が一覧でわかるチートシートを集めてみました。 コードをコピペできるサイトからPDFでダウンロードできるもの、マークダウンのコードを生成できるサービスなど便利なものがたくさんあ…
2022 / 07 / 24
HTMLメールを簡単に作成できるMJMLの使い方を解説します。 HTMLメールは直接HTMLコードを書くとメールアプリごとの動作の違いなどを考慮する必要がありますが、フレームワ ークを使えばそういった…
2022 / 07 / 20
ダミー画像を生成できるおすすめツールとデザインツールで使えるダミー画像生成プラグインをまとめて紹介します。 ダミー画像生成ツールはグレーで無地の画像だけでなく、フリー素材からキーワードを指定して表示…
2022 / 07 / 19
HTMLやCSSコードを簡単に圧縮したり元に戻したり(整形)できるツールを紹介します。 圧縮も整形もオンラインツールがたくさんありますが、コードエディターを使っているならVSCodeの拡張機能を使う…
2022 / 07 / 18
初心者でも効率よくホームページを作れる最新のソフトの中からおすすめなものを6つ厳選して紹介します! 最近のホームページ作成ソフトはコーディングせずに自分でホームページを作れるのが主流になってきていま…
2022 / 07 / 07
ホームページをHTMLで作る方法を必要なところに絞ってサクッと解説していきます。 コーディングの練習や会社のホームページをHTMLで作りたいときは、 細かい部分やJavascriptなどでクリグリ動く…
2022 / 07 / 04
自分のお店にホームページから集客したいけど、作る時間も依頼するお金もない!という人のためのコストを抑えたホームページの作成方法を解説します。 ホームページの作成は以前はプロにお願いするしかなかったの…
2022 / 07 / 01
今すぐホームページを作りたい人が自分で簡単に使えるような商用利用できるテンプレートを集めました。 テンプレートと言ってもWordpressで使えるものからHTMLで作ったもの、WixなどのWebサー…
2022 / 06 / 30
スマートフォンからのアクセスが非常に多くなっているのでホームページもスマホ対応するのが当たり前になっています。 ここではスマホに対応したホームページを作る一番簡単な方法を紹介します。 ホームページの…
2022 / 06 / 29
小さな会社さんがフリーランスや小規模の制作会社にホームページを依頼した場合の作業の流れを解説します。 初めてホームページの作成を依頼する場合は何をどうしていいかわからないと思うので疑問点はとりあえず…
2022 / 06 / 28
ホームページ作成を個人に依頼する場合のざっくりとした費用と依頼のしかたについて解説します。 ホームページの作成をフリーランスに依頼する場合の相場は大体どこのサイトでも似たような費用が書かれています。…
2022 / 06 / 27
HTMLメールの作り方を初心者の方にもわかりやすくサンプルコード付きで解説してみました。 HTMLメールはGmailとOutlookで見た目が違っていたりするのでIE対応のようなことをする必要があり…
2022 / 06 / 14
今すぐダウンロードして使える最新版のリセットCSSを集めました。 Bootstrap5のようなCSSフレームワークを使う場合は元々リセットCSSが組み込まれているため何も考えずにコーディングできます…
2022 / 06 / 03
Javascriptのコーディングや勉強に役立つチートシートを集めてみました。 JavascriptはほとんどのWebサイトで使われているプログラミング言語でHTMLやCSSと合わせて勉強することが…
2022 / 05 / 31
Figma初心者のためのショートカットをまとめたチートシートを集めてみました。 ダウンロードして壁紙にしたり、Figmaで作業中に確認できるのでたくさんあって覚えにくいショートカットも楽に覚えられる…
2022 / 05 / 29
ひさびさにReactさわる人やこれから勉強する人のためのチートシートを集めてみました。 Reactは公式ドキュメントがしっかりしてるのでじっくり勉強するときはそちらをみながらやることが多いのですが、…
2022 / 05 / 28
VSCodeで使える全てのショートカットを網羅したチートシートの最新版を集めてみました。 ショートカットを使うとプロジェクト内にある大量のファイルをすぐに開けるようになったりコードの編集を効率よく行…
2022 / 05 / 27
extendやmixinなどよく忘れるSCSSの書き方をシンプルにまとめたチートシートを集めました。 ブラウザでチェックできるものとPDFでダウンロードできるものがあるので必要に応じて使い分けること…
2022 / 05 / 26
最新バージョンの3.xに対応したTailwindCSSのチートシートです。 TailwindCSSには多くのクラスが使われていて、それらを全て覚えるのは大変なのでチートシートで使い方を確認することが…
2022 / 05 / 25