PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

[はてなブログ]はてなブログを書くならMarkdownモードで書くべき3つの理由

f:id:game-web-design:20180214155337p:plain
こんにちわ!Noob Web Designer(@NoobWebDesigner)です!

はてなブログでは、はてな記法モード・Markdownモード・見たままモードの三種類のブログの書き方があります。

今までずっとはてな記法で書いてきたのですが、思い切ってMarkdownモードに切り替えました。

今回は、はてなブログを書くならMarkdownモードを進める3つの理由を紹介します。

続きを読む

[HTML]XHTMLからHTML5に移行するときにやっておくべき作業内容

f:id:game-web-design:20180115104044p:plain
Icon made by Freepik from www.flaticon.com
こんにちわ!Noob Web Designer(@NoobWebDesigner)です!

今回はXHTMLからHTML5に移行するときにやっておくべき作業内容を備忘録。
ホームページのSSL化が著しくなった近年、サイトによってはHTML5化をしなければならない場合がでてくると思います。

私なりの方法ではありますが、XHTMLからHTML5に移行するときの作業内容をご紹介します。

続きを読む

[HTML/CSS]display: inline-block で横並びにした際にできる隙間をなくす方法

f:id:game-web-design:20171208170613p:plain
こんにちわ!Noob Web Designer(@NoobWebDesigner)です!

今回は、display: inline-block で要素を横並びにした際にできてしまう隙間を、なくす方法を紹介します。

Flexbox とか Grid とか便利なCSSプロパティが出ていますが、IE9の対応をする以上 display: inline-block も現役です。私個人としては横並びにする場合であれば、float より便利だと思います。カラム落ちもこちらの方が断然楽です。

ですが、横並びにした際の制御が少々めんどくさいので、何か楽にする方法はないのかと思い、いろいろ調べた結果を備忘録。

続きを読む