Web制作の覚え書き

Webフォントが一般化してきて、Font AwesomeやGoogleフォント、モリサワWebフォントなど導入しやすくなりました。

でも日本語フォントやサイズが大きいフォントは、Webフォントのダウンロードが終わるまでレン ...

gulpを立ち上げたときに以下のようなメッセージ。

Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key ...

タブレイアウトで、別のページから特定のタブへリンクしたい時に。

BootstrapやFoundationを導入して入れば実現するのは優しいですね。こういう時はCSSフレームワークはとても助かります。

Bootstra ...

画像とテキストを横に並べてなおかつ画像の縦方向の真ん中にテキストを置きたい時あります。サイトのヘッダーなどでロゴ画像とサイトタイトルを並べたい時など。。。

floatやflexboxを使っても良いのですがシンプルにインライ ...

以前、IE11でjQuery uiのデイトピッカーの表示されないということがありました。

【contact form 7】 IE11でdatepickerが表示されない

その時と同じフォームにて、Google ...

よく利用するレンタルサーバーのネームサーバ情報のまとめです。

エックスサーバーネームサーバー1ns1.xserver.jp（ 219.94.200.246 ）ネームサーバー2ns2.xserver.jp（ 210.188.201 ...

前回に引き続きGoogleフォントについてです。

HelveticaやFutura、DINなどの有名フォントをWebフォントとして使いたい時、有料だったりするのでなかなか手が出しずらいですよね。

そんな時にはG ...

Google Fonts

Googleフォントは商用でも無料で利用できて導入も手軽にできる、Webフォントですよね。今現在2500以上のフォントがあります。

WebフォントとしてGoogleフォントを

CSSの擬似要素(::before,::after）のcontentプロパティにFont AwesomeのWebフォントの値や丸数字（丸付き数字①②③④⑤⑥⑦⑧⑨⑩）、♥や♠などのような特殊文字を表示する方 ...

Illustratorのアセットの書き出し機能は一度に複数のサイズの画像や形式を書き出すことができる機能です。便利ですよね。

でもアセットの書き出しで書き出した画像が（特にjpg）なぜか粗い。ジャギー？ノイズのような、大き ...