- web design -

blog

button

CSS

コピペも可!CSSでラインが一周するホバーアニメーション

こんにちは、ma-ya’s CREATE[まーやずくりえいと]です。 CSSでのアニメーションは色々あると思いますが、最近お気に入りのものを残しておこうと思います。 要素の外側をラ...

read more

modal

CSS

コピペで実装!モーダルウィンドウのサンプル[HTML / CSS / jQuery]

こんにちわ、ma-ya’s CREATE[まーやずくりえいと]です。 モーダルウィンドウ(ポップアップウィンドウ)の実装はついついプラグインに頼りがちですが、そういったものに頼らずに実装...

read more

vh

CSS

vh指定に注意?スマホビューで要素が”ガクッ”

こんにちわ、ma-ya’s CREATE[まーやずくりえいと]です。 px,%,em,rem...色々ある要素のサイズ単位。 近年ではサイトのレスポンシブも進み"vw"(Viewp...

read more

ligature

CSS

フォントのバグ??特定文字間でletter-spacingが効かない

こんにちわ、ma-ya’s CREATE[まーやずくりえいと]です。 コーディング中に若干「?」となっていて、まあいいか、で済ませていたことがあったのでその修正を行いました。 ...

read more

CSS

スマホ実機で<pre>内テキストが自動改行され、overflow: auto;が効かない件

こんにちは、ma-ya’s CREATE[まーやずくりえいと]です。 ひとつ前の記事でちょっとしたコードを<pre>で囲って書いたら、意図しない挙動とたまたま遭遇しました。 スマホ実機...

read more