HTML/CSSを学ぶ レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法
皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらず仕方なくブレイクポイントを追加して対応したことはありませんか？僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。装飾が賑やかなほど起こりやすい傾向に...
Web制作を学ぶ
HTML/CSSを学ぶ HTML/CSSを学ぶ 教材だけでは分からない、案件でよく要求される細かいコーディングのテクニック12選
こんにちは。昨今プログラミングやコーディングにおいて様々な情報が見られるようになりました。しかし、そんな環境でもまだまだ学習と仕事、案件には差があるように思います。そこでこの記事では、実際に案件で求められることの多い細かなコーディングのテク...
Web制作を学ぶ プログラミングを学ぶのに本はいらないのか【おすすめの本も紹介】
こんにちは。皆さんはWeb制作やプログラミングを学ぶときに、どんな教材を使っていますか？ここ数年、各種言語に関してはWebだけでも相当いろんな教材や記事が見られるようになりました。昔からあるもので言えばprogateさんやドットインストール...
HTML/CSSを学ぶ Bootstrapはガチでいらない
はい。今回はCSSフレームワークのBootstrapは本当に必要なのかについて書いていきます。Bootstrapとは、Twitter社が開発したWebのフロントエンドを高速で制作するためのフレームワークです。公式：プログラミングスクールやい...
HTML/CSSを学ぶ 【最強の中央寄せ方法】全部display: flex;でいい説
こんにちは。今回は、僕がコーディングしていて最近思うことを書き残しておきます。タイトルの通りで、HTML要素は基本的にdisplay: blockないしはinlineが初期値になっていますがもう全部flexにしちゃった方が色々楽なんじゃない...
HTML/CSSを学ぶ 余白はいつ生まれるのか
はい。今回はタイトルの通り余白が生まれるタイミングは一体いつなのかを考えていきます。これを理解すれば、marginとpaddingのどっちを使うのが正しいか、あるいは他の方法を使うべきかを判断する基準を持つことができると思います。より質の高...
HTML/CSSを学ぶ 【複数行対応】たった4行のCSSで、長すぎる文章を3点リーダーで省略する
こんにちは。例えばブログサイトを作るとき、記事一覧にタイトルや本文の抜粋が載っていると思います。それらの文章が長すぎるとレイアウトを崩す原因になってしまいますから、何らかの方法で省略をする必要があります。バックエンドアプリケーション側で文字...
HTML/CSSを学ぶ marginとpaddingの違いと正しい使い分け方を完全解説
こんにちは。marginとpddingって、どちらも余白を作るCSSプロパティですよね。要素の外側はmarginで内側はpaddingという説明もされたりしますが、そうは言っても実際のコードを書くと迷ってしまいませんか？そんなmarginと...
WordPressを学ぶ 一瞬でWordPressをテスト、ローカル環境から本番環境へ移行する方法
こんにちは。WordPressサイトの開発って、テスト環境やローカル環境から本番環境へのアップロードで手間取ることが多くないでしょうか。テーマファイルだけならFTPでアップロードすれば良いですが、一部プラグインの設定があったりします。Adv...
WordPressを学ぶ 「Local」を使って数クリックでWordPress開発環境を構築する
こんにちは。Web制作を学習していく上で、よくWordPressはやった方が良いと耳にすると思います。WordPress開発を学ぶ上で、まず最初に立ちはだかる壁が「環境構築」ではないでしょうか。2022年3月24日現在「wordpress ...