HTML/CSS– category –
-
HTML/CSS
【JavaScript】現在のページに対応するナビゲーションメニューにスタイルを追加する方法
皆さんこんにちは!IWACODEの岩村です! 今回は現在のページに対応するナビゲーションメニューのリンクに対して、「このリンクが今のページですよ~」といった感じでス... -
HTML/CSS
【CSS】ファーストビューや画像上のテキストなど、要素を中央、真ん中に配置する方法
皆さんこんにちは!IWACODEの岩村です。 今回はHTML/CSSコーディングにおいて避けては通れない、要素の真ん中寄せについて解説いたします。 真ん中寄せはWEBサイト上で... -
HTML/CSS
【HTML】TABLEタグで線が2重になる-線が重ならないとき
皆さんこんにちは!IWACODEの岩村です。 今回はTABLEタグの罫線について解説いたします。 WEBサイト上で料金表や時間割などの表を作成する際に使用するTABLEタグですが... -
HTML/CSS
【フリーランス/WEBデザイナー】コーディングができないとダメなのか – HTML/CSS/JavaScriptの勉強
こんにちは!IWACODEのいわむらあきとです。 今回はYouTubeでフリーランスのWEBデザイナーはコーディング(HTML/CSS)ができないとダメなのかということをテーマにおい... -
HTML/CSS
【CSS】【line-height】行間を調整 – 文字の高さを指定する方法
Webサイトの文字の高さ、行間を調整するにはline-heightプロパティを使用します。 複雑なプロパティではないため、初心者の方もわかりやすいかと思います。 わからない... -
HTML/CSS
reCAPTCHAのマークの位置の調整 – 消す方法を解説
reCAPTCHAを設定した際に、トップに戻るボタンと被ったりして、位置を変更したいなと思われたことはないでしょうか。 今回はWordPressの管理画面からCSSやコードを修正... -
HTML/CSS
【CSS】counter – CSSだけで連番を振る – カウンタで番号付きの箇条書きリストを作成する方法
今回はCSSの疑似要素を使った「CSSだけで連番を作成する」方法についてご紹介させていただきます。 HTMLに直接記載してもよいのですが、項目が追加になった場合など、番... -
HTML/CSS
ホームページ制作をするなら必須?OGPとは?どうやって設定する?
こんにちは!IWACODEの岩村彰斗です。 今回はWebサイトを作成する上でとても大切なOGPについてご紹介させていただきます。 OGPとは? OGPは(Open Graph Protocol)を略... -
HTML/CSS
【CSS】要素の幅の指定方法 – 便利な関数 – min() / max()の使い方
こんにちは!IWACODEの岩村彰斗です。 今回はCSSで要素の幅の指定で便利な関数である、min関数とmax関数の紹介をさせていただきます! レスポンシブ対応で複数行記載し... -
HTML/CSS
【初心者向け】tableタグの使い方!部分的に結合、セルを結合した表を作成する
こんにちは。IWACODEの岩村彰斗です。 今回はtableタグの使い方ということで、部分的に結合された表の作成方法について解説させていただきます。 見出しなどが2行になっ...