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

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

[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 より便利だと思います。カラム落ちもこちらの方が断然楽です。

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

続きを読む

[Photoshop]段落前のアキ/段落後のアキの使用方法。

f:id:game-web-design:20171127193803p:plain
Photoshopを使った、段落前のアキ/段落後のアキの使用方法。
Photoshopを使った仕事をし始めて早3年経ちますが、今日初めてこの機能をしりましたので備忘録。

続きを読む