コード部分のレイアウト

コードタグ<pre>と<code>のレイアウトを変更しました。

背景カラーはもう少し輝度を上げるか悩んでいます。

今後、シンタックスハイライトも実装して行きます。

.entry-content pre,
.entry-content code {
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
    color: white;
}

.entry-content pre {
    background: #112;
    border: none;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    line-height: 1.6;
    font-size: 1rem;
    padding: 10px;
}
    
    .entry-content code {
    font-size: 90%;
    margin: 0 2px;
    background-color: #112;
    border-radius: 3px;
    padding: 6px;
}

コンテナのレイアウト

メインコンテンツとも言うんですかね。

案外シンプルに記述が出来るんだなぁと思いました。

これくらいシンプルな方が個人的には好みですね。

.entry-inner {
    background-color: #fff;
    padding: 50px;
}

タイトルのレイアウト

タイトルのレイアウトを変更しました。

まだまだ、質素な感じがするので、迫力のあるタイトルにしたいです。

text-align: center;は良く使うので覚えてしまいましたね。

#title a {
    color: #333;
    font-size: 2rem;
}

#blog-title {
     margin: 3em 0;
     text-align: center;
}

はてなブログ ～コピーライトの追加～

フッターにHTMLで<div>要素を記述し、CSSで位置決めしました。

特にアイデアがなく、ただ配置しただけなので、今後のデザイン変更でオリジナル性を持たせたいと思います。

<div id="copyright">© 2018-2020 Neefreet</div>

#copyright {
  text-align: center;
}

はてなブログ ～メニューバーの追加～

はてなブログのヘッダー部分に<ul>要素を記述してCSSで調整しました。

位置決めが乱雑になっているので、今後修正して行きます。

SVGデータを使用してオリジナルな要素を増やしたり、ページ毎の移動を上手く促せる仕様にもして行きます。

<ul>
<li><a href="略">ホーム</a></li>
<li><a href="略">About</a></li>
<li><a href="略">プライバシーポリシー</a></li>
<li><a href="略">お問い合わせ</a></li>
</ul>

#top-editarea {
    margin-bottom: 1em;
    text-align: center;
}

#top-editarea ul {
  list-style-type:none;
  width: auto;
  overflow: hidden;
  background-color: #333;
  padding-inline-start: 0px;
}

#top-editarea li {
  float: left;
  padding-top: 5px;
  padding-bottom: 3px;
}

#top-editarea li a{
  color: white;
  text-decoration: none;
  width: 270px;
  margin: auto;
  overflow: hidden;
  float: left;
}

#top-editarea li a:hover{
  text-decoration:  underline;
}

ゼロから始める作曲～Cakewalk by Bandlab～

まえがき

前回、ソフト選びをしました。

legendimposter.hatenablog.jp

今回は、手っ取り早く作曲出来るようになりたいので、使いながら1曲作るまでの作業工程を紹介していきます。

尚、設定方法など本題に関係のない事柄については触れません。

VSTプラグインも導入せず、デフォルトで進めていきます。

操作方法など、紹介していないことで分からない所は各自調べてください。

コメントで聞いて頂ければ、僕の理解している範囲でお応えいたします。

ゼロから始める作曲 ～DAWソフトの選択～

まえがき

”ゼロ”から始めると何でも某ラノベのタイトルを彷彿とさせるが、至って真面目に付けたタイトルです。

以前から、ゲームもしくはWebサービスをリリースしたいと考えており、日々何かしらに取り組んで作業をしています。

そして、最近は音楽（ゲーム音楽）を作れるようになりたいと思っています。

その為に今回はDTMの為のDAWソフトを選ぶ所から始めていきます。

まさにゼロから。

Twitter フォローしてる人 全員をミュート

「ミュートやブロックをしない」ことを自分のポリシーとしていましたが、そんな運用はTwitter社に強制されてもいないし、疲れたので辞めます。

今回は例外なしに、フォローしていた222人をミュートしました。

Krita SVGデータの保存方法

まえがき

フォントを作りたいと思いまして。（著作権とか、いちいち調べるのが面倒になってきてしまったので ）

調べてみたら、ベクターをSVGで書き出す必要があるみたいなので、この間習得したばかりのベクターを使ってKritaでSVGでの保存をしていきます。

legendimposter.hatenablog.jp

文章能力の低さを少しでもカバーする

まえがき

まえがくことでもないですが。僕はめちゃくちゃ文章能力が低いです。
他のブログ記事も読んで頂けたら、すぐに分かると思います。
ただ、その文章能力の低さを少しでもカバーしようと心掛けていることがあるので、紹介していきます。
※読めない文が読めるようになるだけなので、すでに読める文を書ける方には不要な情報だと思います。