【CSS】セレクタや疑似クラスを学んでidやclassをスッキリ！
CSSでいろいろ装飾をする練習をしていたら、classやidだらけになって困っていたのでセレクタ関連についていろいろ勉強しました。その中でセレクタの指定方法について重要だと感じたものをまとめてみました。 なお、あくまで初心者がまとめるものなので難しい用語はな...
「HTML」一覧
【Atom】超便利!!項目別ショートカット【Windows版】
テキストエディタのAtomのショートカットをまとめてみました。漏れがあるかもなので気付き次第追加していきます。 なお、Windows版なのでご了承ください。Mac買ったらMac版も作ろうかと… Atomのダウンロードはこちらから。 ...
【HTML/CSS】tableの使い方を学ぶ【表作成・装飾】
Excelについてブログで情報発信をして、HTML/CSSの勉強をしているといいながらtableタグの解説をしていない矛盾に気づいたので解説していきます。 1、tableタグって？ 1-1、タグの種類 1-2、作成方法 ...
【CSS】displayを学ぶ【inline、block、inline-block】
CSSでサンプルサイトを作りながら「こういうデザインにしたい」と悶絶してたので、勉強してきました! 1、displayプロパティとは？ 1-1、displayの値の種類 1-2、それぞれの違い 2、displ...
「送信されたURLにnoindexタグが追加されています」って？
Google Search Consoleから「送信されたURLにnoindexタグが追加されています」とエラーメッセージが表示されたのでかなりテンパっていろいろ調べていました。(他にもエラーとかで振り回されてました) 初心者ながらなんとか無事(簡単)に解決...
【HTML＆CSS】目次作成しよう【ジャンプ・枠で囲うなど加工】
以前もWordpressでプラグインを使わずに目次を作るためにテキストエディタ(HTMLだけ)でリストにリンクを付けてジャンプするやり方を作りましたが、やはり目次らしくするためにCSSも使いながら目次を作成していきます。 今回作るのは以下のよ...
【HTML＆CSS】用語の整理【タグ、セレクタ、要素、値など】
HTMLとCSSの勉強をしていて、いまだに 「プロパティってなんだっけ」 「セレクタってどこの部分」 「要素って？」 といまいちパッと出てこない自分に嫌気がさしています。そんな自分用の整理のために書いていきます。 ...
【WordPress】自分で目次を作る【脱！ビジュアルエディタ】
自分で書いた記事内の文字数が2,000字を越えてくると少し長くて、見たいとこににジャンプする目次を作りたいと思ったので作り方を考えてみました。 希望 なるべくプラグインを入れないサイトにしたい (画像な...