Web Marketing Blog

株式会社プレスマンのWebマーケティング部によるスタッフブログです。

「 CSS 」 一覧

コーディング デザイン

CSSで簡単に画像をトリミング!

2018/8/31    ,

ちょっとだけ画像をいじりたい時、ありますよね。 ・被写体が寄ってるのが気になる!真ん中にして表示したいなぁ。 ・正方形アイコンにしたいけど、中央じゃなくて好きな位置で切り抜きたい! ・一覧表示されるサ …

コーディング デザイン

Google Fonts + Japanese Early Accessにて日本語フリーフォント9種公開中

Google Fonts + Japanese Early Accessが拡張され、日本語のフリーフォントがWebフォントとして9種類使えるようになっています! Google Fontsと同じく全て無 …

no image

コーディング

Androidで太文字が適用されない(修正済み)

9/26追記:アップデートにより修正されました! 8/24現在、Androidにて太文字(font-weight:bold)が適用されないという不具合が起きています。どうやらシステムフォントが更新され …

no image

コーディング

擬似要素はダブルコロン、擬似クラスはシングルコロンで記述しよう。

2016/8/24    ,

CSS3からafterやbeforeなどの擬似要素(Pseudo-elements)の記述は、ダブルコロン(::)になりました。 これはhoverなどの「擬似クラス(Pseudo-classes)との …

no image

コーディング デザイン

【CSS3】レスポンシブの新常識!Flexboxとは?

2016/5/13    , ,

Flexbox=”Flexible Box Layout Module(フレキシブルボックスレイアウトモジュール)” フレキシブルにレイアウトが組めるのでレスポンシブ向き。古来 …

コーディング デザイン

Chromeのテキストの色化けをCSSで解決する方法

2016/4/6    , , ,

デザイナーの方なら、おそらく一度は悩んだことがあるであろう、Chromeのおかしな色化け。 Windows版でもMac版でもこの色化けは発生します。 日野Webマーケティング部のスタッフです。主にデザ …

コーディング

OS X El Capitan × Coda2でSassを使う

2016/4/4    , ,

つい最近OS X El Capitanにアップグレードしたのですが、今まで普通にCoda2で使えていたSassが急に使えなくなってしまったので、備忘録をかねて解決方法を書いておきます。 日野Webマー …

Copyright© Web Marketing Blog , 2019 All Rights Reserved.