【CSS】コピペでOK！強調文字を蛍光ペン風にする方法 | ままはっく
皆さんはブログで強調文字をどれくらい使用されているでしょうか？ 強調文字というのは、タグでいえば＜strong＞。文章中では「特に強調すべき部分」に使用するものですよね。 これ、普通に使うと太字になるのですが、こんな感じで、 蛍光ペン風におしゃれにデザインする方法があります。 コピペでできるので是非やってみてください。 strongタグを蛍光ペン風にデザインする方法 直接、strong指定にしてしまいます。クラス名で指定してもいいのですが、それだと毎回クラス名を指定しなければならないこと、そして今までの記事は適用されないので、strongのタグを置換してしまいます。ただし、全ての強調タグに適用されるので色合いなどはチェックしてください。 場所はstyle.cssに追記します。Stinger3の場合はsmart.cssにも追記。 赤の蛍光ペン 赤の蛍光ペン風はこんな感じ。目立ちますね。 st
background-attachment: fixed がスマホで効かない問題は ::before で解決！
background-attachment: fixed がスマホで効かない問題は ::before で解決！ Webページの背景画像を、background-size: cover で background-attachment: fixed にしたいとき、PCブラウザでは意図どおりに表示するのに、iOS Safari ではウマくいかない事態になりました。 調べてみると、iOS Safari では、「background-size: cover」を使ってるとき「background-attachment:fixed」が効かないらしいんです。 出典：Can I use これを解決するためには、擬似要素「::before」で <body> の前に擬似ブロックレベル要素を作り、そこに背景画像を貼るのがイイみたい。自分なりに改良したソースコードをメモります。 height:100vh がベターか
デザイナさん直伝のCSSテクニックが満載！「RubyistのためのCSS勉強会」を開催しました - give IT a try
はじめに さる2016年1月9日、西脇.rb＆神戸.rbの合同勉強会として「RubyistのためのCSS勉強会」を開催しました。 主催者の僕自身が「参加して良かった！」と思えるぐらい有益な情報がたくさん詰まった勉強会になったので、今回のエントリではこの勉強会の内容を紹介します。 もくじ ちょっと長いので、先に目次を載せておきます。 はじめに もくじ 講師は合同会社フィヨルドの町田さん！ この勉強会で講義してもらったテーマ 座学編 Railsの app/assets/stylesheets 内のディレクトリ構成例 最近注目を集めているAtomic Designについて 3種類のリセット系CSSの特徴について 変更に強いマークアップのルールについて プログラマとデザイナの協業について ハンズオン編 進め方の具体例 1問目：グローバルナビゲーションの作成 2問目：アラート画面の作成 3問目：記事
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
