web制作

スポンサーリンク
HTML/CSS

display、全部flexでいい説

こんにちは。今回は、僕がコーディングしていて最近思うことを書き残しておきます。 タイトルの通りで、HTML要素は基本的にdisplay: blockないしはinlineが初期値になっていますがもう全部flexにしちゃった方が色々楽な...
HTML/CSS

余白はいつ生まれるのか

はい。今回はタイトルの通り余白が生まれるタイミングは一体いつなのかを考えていきます。 これを理解すれば、marginとpaddingのどっちを使うのが正しいか、あるいは他の方法を使うべきかを判断する基準を持つことができると思います。...
HTML/CSS

【複数行対応】CSSのみで、長すぎる文章を3点リーダーで省略する

こんにちは。 例えばブログサイトを作るとき、記事一覧にタイトルや本文の抜粋が載っていると思います。それらの文章が長すぎるとレイアウトを崩す原因になってしまいますから、何らかの方法で省略をする必要があります。 バックエンドアプリ...
HTML/CSS

絶対に間違えないmarginとpaddingの使い分け方

こんにちは。marginとpddingって、どちらも余白を作るCSSプロパティですよね。 要素の外側はmarginで内側はpaddingという説明もされたりしますが、そうは言っても実際のコードを書くと迷ってしまいませんか? そ...
WordPress

数クリックでWordPressサイトを本番環境へ移行できるプラグイン「all-in-one-wp-migration」

こんにちは。WordPressサイトの開発って、本番環境へのアップロードで手間取ることが多くないでしょうか。 テーマファイルだけならFTPでアップロードすれば良いですが、一部プラグインの設定があったりします。Advanced Cus...
WordPress

「Local」を使って数クリックでWordPress開発環境を構築する

こんにちは。Web制作を学習していく上で、よくWordPressはやった方が良いと耳にすると思います。 WordPress開発を学ぶ上で、まず最初に立ちはだかる壁が「環境構築」ではないでしょうか。 2022年3月24日現在「word...
WordPress

【WordPress最適化】適切にサーバーを選んで、サイトの表示速度を上げる【ConoHa】

こんにちは。今回はサイトの表示速度を上げる時に、「サーバー選定」という観点から改善する方法を解説していきます。 一般的にレンタルサーバーといえば「エックスサーバー 」や「さくらのレンタルサーバ」をよく耳にすると思います。 もち...
HTML/CSS

【コピペ可】どんなテキストにもCSSで蛍光ペンのようなマーカーを引く方法

はい、今回はテキストにこんな感じでマーカーを引く方法を紹介していきます。 オレンジの線で区分けしていますが、画像のようにテキスト部分のみと行全体の場合の両方を紹介します。 テキスト部分のみ コード ...
HTML/CSS

【コピペ可】background-attachment: fixed;がiOSのSafariで効かない問題を完全に解決する【CSSのみ】

こんにちは。今回はパララックス表現を行うためのプロパティ、background-attachment: fixedがiOSのSafariで動かない問題を回避するための方法を書いていきます。 結論(コピペ可) 最初にコードを載せ...
HTML/CSS

Sass、別に言うほどいらない説

こんにちは。 プログラミングスクールとか、いろんな教材見ているとやたらにSassをやらせているように見受けられます。 しかし、実際の現場でSassが効力を発揮している場面って実はあまり多くないのでは?と感じています。 少...
スポンサーリンク
タイトルとURLをコピーしました