-
-
【JS不要】details・summaryタグの2つでアコーディオンを作る方法【html】
これまでアコーディオンを作る際は、jQueryなどのslideToggle()を使って作成することが多かったのではないでしょうか?
ですが、IEのサポートが終了し、大手を振って使えるようになったタグの中にdetailsとsummaryタグがあります。
この二つのタグでアコーディオンを作ってみましょう
-
-
WordPressのプラグインをインストールしたらエラーになった場合の対処法【2024年1月】
Wordpressのプラグインは便利な機能ですが、なかにはプラグイン同士がお互いの機能を邪魔したり、時にはエラーを引き起こしてしまったりなどの問題が発生することがあります。
もしエラーになって管理画面すら開けなくなった場合はあせらずここに書いてある内容を実践してみましょう。
-
-
【last-of-type】が効かない原因と対策3選
最後の要素や何番目の要素にだけスタイルを当てたい 時に便利なlast-of-typeやntn-of-typeなどの疑似クラス。 last-of-typeで最後の要素にだけmarginを当てるぞ~と思ってcssに書いても何故か機能しない。 今回はそんなlast-of-typeが効かない原因と対策を考えたいと思います。
-
-
【html】Googleマップの埋め込み方法を解説【レスポンシブ対応】
googleマップをサイトに埋め込む機会は結構多いです。
特にアクセスページなどに設置しているサイトなど多いのではないでしょうか?
googleMapが出来る前などは、画像の地図なんかを埋め込んでたことを考えると凄く便利になりました。
今回はそんなgoogleMapをサイトに埋め込む方法を解説します。
-
-
2行目以降を字下げ(ぶら下げインデント)する方法【html】
インデントってどういう時に使うの? インデントがどういう時に必要なのかですが、下記の画像をご覧ください。 ソースはこんな感じです。連番については、CSSカウンターを使用していますが、今回はインデントに ...
-
-
【クラウドワークス】未経験者がWeb制作の案件を獲得する7つの方法
Web制作を始めた方が必ずつまづくのが、初案件を獲得するまでの道のりです。
特にクラウドワークスやランサーズは登録者も多いうえに、豊富な実績を持ってる方が多く存在します。
そんななか実績がゼロの方がクラウドワークスで初案件を獲得するまでの方法を、私の私感と経験を踏まえて最適な方法を伝授いたします。
-
-
【HTMLでキャッシュを強制更新】今すぐ使える3つの簡単テクニック
皆さんはこういう経験はありませんか? たとえば、サイトの修正を終わらせて上司や先方に報告をします。ですが、「修正されていなかったですよー」などと言われたことってありませんか? そのほとんどはブラウザに ...
-
-
WordPress独学におすすめの本2選【2023年版】
WordPressサイトの作成ができると、案件の幅も広がりますし、契約の単価も大きく上がります。
一つ上のコーダーを目指すならWordPressの学習は避けられません。
そこで 今回は私がWordPressの学習に実際に使用した書籍を2冊ご紹介いたします。
-
-
CSSでアスペクト比を簡単に固定する方法【初心者向け徹底解説】
アスペクト比とは? アスペクト比は、要素の幅と高さの比率を意味します。たとえば以下のような比率がよく使われます: 16:9:テレビや動画の標準フォーマット 1:1:正方形、特にSNSのアイコンや画像 ...
-
-
htmlの入れ子ルールと確認方法について
htmlの各タグの入れ子について皆さん気にされてますか?<p>タグや<a>タグなど様々なタグがありますが、これは中にいれていい、これはダメっていうルールがあるんですね。 入れて ...