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

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

[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年経ちますが、今日初めてこの機能をしりましたので備忘録。

続きを読む

ブログ、再開しました。

f:id:game-web-design:20171114174928j:plain

みなさま、お久しぶりです。私です。
長らく更新していなかったこのブログですが、この度再開することにしました。

なぜブログを再開したのか?

最近、仕事にも慣れてきたのか自分の能力に行き詰まってきていました。デザイナーとして会社に所属していますが、まるまる1ページを任されることはあまりなく、どうやったら能力アップをのぞめるか。そう考えた時にまたブログを作っていこうと考えました。

本当は心機一転、新しいブログで始めようと思ったのですが、こちらのブログが今でも月に100以上のアクセスがありますし、私が今まで勉強してきたことがブログから取ってわかるので、新しく作ったブログを削除して、こちらで再開することにしました。

これからやっていきたいこと

  • 積極的なブログの更新
    できれば1日1記事1週間に1・2記事投稿を目指していきたい。ネタがない時は適当なWEBページのスクリーンショットを取ってレビューをするとかしながら。
  • 制作物のUP
    その辺に転がっているPhotoshopチュートリアルから実際に作ってみたり、オリジナルのはてなブログテンプレートを作りそれができたらWordpress用のテンプレートも作っていきたい。


これらのことで、自分のレベルアップをはかれたらいいなと思ってます!
みたいな感じで今後ブログを更新していきたいと思いますので、よろしくお願い致します!