WEB周り 【作業効率UP】在宅ワークにおすすめのアイテム・便利グッズ
コロナの影響もあり、近年は在宅ワークする人が格段に増えましたね。
ミーティングなどもリモートで済んだり、いちいち出社する必要がなかったりと家で仕事するメリットも色々あるかと思います。
私はフリーランスのWEBエンジニアなので、コロナ...
WEB周り 
コーディング 【CSS】背景画像で高さを保ってレスポンシブにして画像を表示させたい
HTMLからじゃなくCSSで画像を表示させたい
CSSで画像を表示させる場合は基本的にbackgroundで背景画像として表示させることが一般的ですよね。
アイコンだと擬似要素で背景画像として表示させるのが便利なのですが、普通はHT...
コーディング 【CSS】擬似要素で画像・背景画像を入れる【表示されない場合】
擬似要素で画像を入れる
先日、fontawesomeのアイコンがSafariで表示されない不具合があり、苦戦しておりました・・・。
調べたところ不具合を解消する方法はあるようなのですが、情報が少なかったのと、色々試して時間を使うより...
WordPress 【コピペで簡単実装】WM WP Formの使い方【最強に便利お問い合わせフォーム】
Contact form7より機能が多いWM WP Form
日本で一番有名なお問い合わせフォームといえば恐らくContact form7ですが、個人的にはもっと機能が多く便利だと思う「WM WP Form」をご紹介します。
W...
コーディング 【CSS2行で解決】ページ内リンクで位置がズレる・ヘッダーとカブる【HTML】
ページ内リンクのやり方（idをつける）
例えば、こんな感じでヘッダーにidでページ内を付けて、「ヘッダーのリンクを押すと下のコンテンツに移動する」というページがあったとします。
下のコンテンツのHTML
リンクを飛...
コーディング 【CSS】リンクタグの中に擬似要素でアイコンだけを表示させる【HTML】
fontawesomeなどで、タグを使って表示させることもできますが、今回は擬似要素でCSSからアイコンを表示させたいと思います。
擬似要素が入る位置
まず擬似要素が入る位置はこちらです。
タグの外ではなく...
オーストラリア留学 【国際郵便】日本からオーストラリアの船便がやっと届いた【日本郵便】
日本からオーストラリアの船便
コロナの影響で色々な国際郵便がストップしてしまい、あらゆる方法を考えた辿り着いた”船便で送る”。
船便は他の送り方に比べてかなり時間がかかってしまいます。
しかし他の発送方法だと料金がかなり高かったり...
コーディング 【HTML】ソースコードにファビコンがない？【WEB制作】
ファビコンはルートディレクトリに画像を置くだけで表示される
ホームページのリニューアルのご依頼で、サイトのロゴやファビコンは元のサイトからそのまま持って来ようとしました。
普通はhead内に
こんな感じで書かかれていることがほ...
中華系マレーシア 中華系マレーシア人と過ごして気付いたこと・あるある6選
以前に中華系マレーシア人あるあるを書きました。
今回はそれに続いて、「中華系マレーシア人と過ごして気付いたこと」を書いてみたいと思います。
私の周りにいる中華系マレーシア人を元に書いていますので、偏っていたらすみません。...
コーディング 【CSS】テーブル(表)から文字がはみ出す・折り返されない時の対処法【word-break: break-all】
テーブル(表)から文字がはみ出す
テーブルで表を作った時にこんなことに・・・
メールアドレスが長いことでテーブルもバランスがおかしくなっています。
widthで幅を付けても動きません。
HTMLはこん...