- TOP
- 「CSS 」一覧
「CSS」一覧
-
【コピペでOK】CSSのみで作る矢印ボタン(アニメーションあり)
今回はコピペしてすぐに使える、 CSSのみで作る「＞」のような矢印ボタンをご紹介します。 矢印がつくことによって、ボタンだということがよりわかりやすくなりますね。 応用編としてマウスオーバーで矢印が動くアニメーションの設 […]
2019/02/14 -
Slow Wedding｜WEBサイト制作
カテゴリ WEBデザイン / コーポレートサイト / ウェディング 業務内容 HTML/CSS URL http://sl-ow.com 広々とした自然のなかで開放的な結婚式をあげたい！という方のためのアウトドアウエディ […]
2019/01/30 -
[font-smoothing] cssでフォントをきれいでなめらかに見せる方法
font-smoothingというCSSプロパティを使うことによって フォントのアンチエイリアスを調節することができます。 アンチエイリアスを調節することで滑らかな表示が可能になり スマートな文字の印象に変わります。 ち […]
2019/01/24 -
flexboxの均等配置で最後の行を左寄せにする方法。
最近ではすっかりFlexboxでカラム組みをするようになりましたね。 floatでカラム組みをしていたのが懐かしい…笑 さてFlexboxで便利なjustify-contentでのspace-betweenやspace- […]
2018/12/28 -
CSSのみで作る吹き出し。レスポンシブにも対応しててコピペでOK。
デザインのエレメントとして吹き出しはよく使いますよね。 今回はレスポンシブ対応のシンプルで使いやすい吹き出しを、そのままコピペで使えるようにしました。 必要に応じて、フォントサイズや背景、幅などを変更して応用してみてくだ […]
2018/12/06 -
吟まるJr.｜WEBサイト制作
カテゴリ WEBデザイン / コーポレートサイト / 飲食店 業務内容 デザイン/HTML/CSS URL http://ginmarujr.jp 美味しい黒毛和牛の希少部位がいただける吟まるjrさんのWEBサイトを制作 […]
2018/11/13 -
【2020】おすすめのゴシック体のCSS(font-family)設定ときれいで読みやすくい書体の比較
どのようなフォントを設定するかで文章の読みやすさはずいぶんと変わってきます。 今回はWEBブラウザできれいで読みやすいCSSでのゴシック体のフォント設定をご紹介します。 またデフォルトフォントでどの書体が読みやすいかも比 […]
2018/11/08 -
CSSでも字詰ができる！font-feature-settingsで美しい日本語フォントのカーニング
グラフィックデザイナーでは当たり前のように字詰（カーニング）していましたが、WEBで字詰をしようと思ったら画像化したテキストじゃないと… そんなことは昔のこと。 いまやCSSをたった一行書くだけで字詰ができるようになりま […]
2018/10/05 -
iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアする方法
ブラウザによって独自のデフォルトスタイルが色々とありますが、iPhone/iOSでのselect要素やsubmit要素のグラデーションがフラットなデザインなどにしていると浮いてしまう場合があります。 独自のデザインをした […]
2018/09/28