タグ

CSSに関するtamansaのブックマーク (3)

  • webnonotes.com - webnonotes リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    webnonotes.com - webnonotes リソースおよび情報
    tamansa
    tamansa 2014/05/10
    見出しを何とかしたい永遠の課題を先送りにしている
  • Useful CSS Text Effects

    2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

    Useful CSS Text Effects
    tamansa
    tamansa 2014/05/08
    ブログカスタマイズ。蛍光ペン風
  • はてなブログ カスタマイズ:スマホ用ページでも見出しを表示させてみましょう。 - YESかNOか半分か

    ご存じでない方も多いとのことなので… @luna_at_hatena 知らない人多そうだからブログに書くと誰か喜ぶよー*\(^o^)/*— ポナコ (@ponako10) 2014, 1月 30 とid:ponako10先生がおっしゃったので、ぱぱっとまとめちゃいます。 やり方知ってるわよ!という方は既読スルーでお願いいたします。 “見出し”ってなんですか? ↑や↓のように装飾されている文字の事です。 こんなのです。 この見出しは、普通PC表示のみの場合に表示されてスマホ表示の際には↓の画像のように、ものすごくシンプルな表示となっています。 記事に見出しを入れてわかりやすく! 編集画面から見出しを簡単に入力できるようにしました - はてなブログ開発ブログ スマホでブログを見る際も、出来るだけPC版に近付けたい!という思いから、色々と方法を模索してみました。 はてなブログは、とりあえず<st

    はてなブログ カスタマイズ:スマホ用ページでも見出しを表示させてみましょう。 - YESかNOか半分か
    tamansa
    tamansa 2014/02/01
    おお、見出しは気になっていたので良い情報
  • 1