posted on: 2019年11月12日 CSS

WEBデザインで三角形を作る方法まとめ

WEBサイトのデザインで三角形を作る方法をまとめます。 方法は大きく分けて、下記の3パターンがあります。 画像で作る方法 CSSで作る方法 テキストで作る方法 それぞれの方法と、使いどころ、メリットデメリットを解説してい続きを読む

ここフッター

Posted in CSS
posted on: 2019年10月24日 WEB

Webフォントで句読点や()などの約物を半角にして詰められる「YakuHanJP」の使い方。

Webデザインと印刷物で日本語フォントに関する大きな違いとして、句読点やカッコなど約物(やくもの)の詰めが挙げられます。 印刷物ではイラストレータの文字設定やカーニングなどで綺麗に調整ができますが、Webデザインでは難し続きを読む

ここフッター

Posted in WEB
posted on: 2019年10月6日 CSS

CSSで要素を上下中央にする方法まとめ

WEBサイトをコーディングしているときに上下中央にする方法に迷ったことはありませんか? 左右中央ならtext-align:center;かmargin:0 auto;で簡単にできますが、上下中央は少しテクニックが必要です続きを読む

ここフッター

Posted in CSS
posted on: 2019年9月10日 CSS

上marginか下marginか、どちらに統一すべきかの結論

WEB制作のCSS設計において、marginのルールを上か下かどちらに統一すべきかという議論は色々なところで行われてきました。 私もWEBサイトの制作を仕事にしてから10年ほどになりますが、この問題を日常的に考えてきまし続きを読む

ここフッター

Posted in CSS
posted on: 2019年9月2日 WordPress

WordPressでhighlight.jsを使う方法。

WEBデザインやプログラムなど、技術系のブログ記事を書いていると、“ソースコード”をどのような見た目で書くか悩むことがあると思います。 普通の文章と同じようにソースコードを書いてしまったら読みづらくてしょうがないです。 続きを読む