HTML/CSS 【CSS】position: absolute;で中央寄せする方法 position: absolute;で絶対配置した時に要素を中央寄せする場合、少しズレてしまい思うようにいきません。しかしもう1行だけCSSを加えれば、左右上下中央に要素を配置することが可能です。 2021.01.23 HTML/CSS
HTML/CSS 【HTML】箇条書きリストの作成はbr要素を多用せずulとolを使おう【SEO対策】 br要素で箇条書きリストを作成していませんか?箇条書きリストを作成する場合は、リスト要素であるulやolを使用しましょう。HTML文法を正しく構成することはSEO対策にもなります。当たり前のことなので当たり前にこなしつつ、良質なWebコンテンツを生み出しましょう。 2019.03.25 HTML/CSS
HTML/CSS 【HTML&CSS】table要素を使った表(テーブル)の作り方【初心者向け】 table要素は、表(テーブル)を作成するHTML要素です。table、tr、th、tdなど使う要素が多いのでHTML初心者にとってはとっつきにくいものですが、一度覚えてしまえば簡単です。tableの基本的な使い方をわかりやすく解説します。 2019.03.22 HTML/CSS
Web シンプルで使いやすいエディタ「Brackets」のインストール方法【初心者におすすめ】 コードを書くのにテキストエディタは必須です。 もし、初学者の方が「どのエディタを使えばいいかわからない…」と悩んでいるなら、Bracketsをおすすめします。 Bracketsとは Bracketsは、Adobeが開発した... 2019.03.10 Web
Life 昼寝(パワーナップ)で午後の集中力を養おう【作業効率化】 昼休みをとった後、授業や仕事に集中できないで悩んでいませんか? 昼食をとり、一度休憩を挟んでしまうので、なかなかエンジンがかからず、眠くなってしまいますよね。 解決法としては、昼休みに15分ほど寝てしまうこと。短い昼寝を... 2019.02.19 Life
Web CSSだけで画像を暗くする方法【画像加工する時間を節約】 画像に文字を乗せた時に、見づらいから画像を少し暗くしたい時ってありますよね。また、画像が明るすぎるので暗くして雰囲気を出したいなんて時も。 でも、画像編集ソフトで加工してまたアップロードし直すのとかけっこうめんどくさいですよね... 2019.02.14 Web
Web 【2019年版】CodePenとは?使い方や登録方法、WordPressサイトへの埋め込み方法まで解説 CodePenはWebブラウザ上でHTML/CSS/JavascriptをコーディングしてリアルタイムでプレビューできるWebサービスです。登録方法から基本的な使い方、Wordpressサイトへの埋め込み方法まで解説します。 2019.02.06 Web
Web 【CSS】箇条書きリスト(ul要素)の点の色を変える【疑似要素を使った方法がおすすめ】 HTMLの箇条書きリスト(ul要素)は自動的に点が表示されますね。この黒ポチの色を変えようとするとテキストも一緒に色が変わってしまって困っている人も多いのではないでしょうか。もちろんCSSで工夫すれば点だけ変えることができます。 2019.01.19 Web
Life ベッドメイキングを習慣にすることで幸福度は上がる【簡単なことから始める】 「1日が憂鬱だ」、「起きてからダラダラしていつまでたってもスイッチが入らない」という人にまず試してみてほしいのが、朝起きてからのベッドメイキングです。 ふとんはたたんで部屋の隅に。ベッドなら乱れた毛布や掛けふとん、枕を整えて、... 2019.01.18 Life
Web WordPressでjQueryを記述したファイルを正しく読み込む方法 Wordpressで、自作したjQueryを外部ファイルとして読み込む方法を紹介します。 Wordpressで自作jQueryを読み込む方法 外部ファイル読み込むには、headタグ内に記述しますね。 思いつくのはheade... 2019.01.14 Web