【Web制作に必須】Chromeデベロッパーツールの使い方

Web制作に便利なデベロッパーツールの使用方法を解説しました。 スマホ・PCでの見え方を確認したり、ボックスとレイアウトの構造の確認ができます。

レスポンシブデザインで便利なCSS[メディアクエリ・Flexbox・CSS Grid]

レスポンシブデザインを実現するためのCSSを紹介しました。 これまでの主流メディアクエリに加えて、比較的新しいFlexbox・CSS Gridを使いこなすことが重要です。

【SEO検定4級】合格するための勉強法は、問題集を10時間やるだけ

SEO検定4級に合格するための勉強法を解説しました。あの問題集だけやれば、誰でも合格できます。

【最初に読む記事】レスポンシブデザインとは何か。なぜ主流になったのか

これからレスポンシブデザインを学ぶ方向け。レスポンシブデザインとは何か？なぜ現在のWebサイトの主流になったのかを解説します。

【WordPressの画像圧縮】サイトのページ表示速度を改善する方法

WordPressサイトのページ表示速度を改善したい方向けに、画像圧縮の方法を解説しました。プラグイン「EWWW Image Optimizer」を使えば、過去画像を一括で圧縮できます

GoogleフォームをWordPressブログの問い合わせに使う方法(プラグインは使わない)

すべての手順をわかりやすく図解しました。 導入すれば、サイト速度向上やメンテナンス性がアップします。

Webコーディング納品前のチェックリスト16

コーディング納品前のチェックリストを作成しました。それぞれのチェック方法も合わせて解説

【案件が決まらないフリーランス】クラウドソーシングで一度発注側になってみよう

クラウドソーシングで案件が取れない人に、発注側を経験することをおすすめします。 自分の提案の直すべきポイントがわかります。

AFFINGERを使っているとブロックエディタ(Gutenberg)へ移行する気がなくなる話

クラシックエディタからブロックエディタ(Gutenberg)へ移行しました。Web制作エンジニアとしての理由と戦略を解説

【CSS】おしゃれな背景模様のテンプレート作成方法｜サンプルコード有り

CSSだけで背景模様（チェック柄・ドット柄・ストライプ）を作る方法を解説。 カスタマイズも簡単で、実務で使える。