-
Scssをリアルタイムでcssにコンパイルしてくれる「SassMeister」
今回ご紹介するのは、Scssを一瞬でcssにコンパイルしてくれるオンラインサービス「SassMeister」です。 Scssはコンパイルしないと実際には使えないのですがこのコンパイルがなかなかに厄介者で、初心者の方などはコンパイルの仕方などでまず一度は壁に当た... -
【CSS】画像の下に背景色をずらして配置(あしらい)
今回は、あしらいの一つとしてよくみる画像の背景にテーマカラーを置いてシンプルに印象づけるという方法をご紹介します。 基本的にはコピペで流用出来ると思いますが、各々の実装環境にて調整をお願いします。 それではいってみましょう！ 【テーマカラー... -
【CSS】画像を文字の形で切り抜く方法
今回はCSSのみで文字の形に画像を切り抜くテクニックをご紹介します。 ここでは記事のアイキャッチ画像に載せてるような切り抜きが3工程で簡単に実装可能です。 Photoshopなどでよく見る加工方法ですがjpgやpngなどで作成するとテキスト変更の時に再度画像... -
【CSS】テキストコンテンツを中央寄せ&テキスト自体は左寄せ
IEがサポート終了して半年経ちましたね 今までIEの壁に阻まれていた色々なCSSのプロパティもIEサポート終了という事で積極的に使い始めています。 という事で、今回紹介したいのは… テキストコンテンツは中央寄せ。でもテキスト自体は左寄せにするテクニッ...
1