タグ

2014年6月10日のブックマーク (3件)

  • テキスト周りで使えるCSSの小技いろいろ

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

    テキスト周りで使えるCSSの小技いろいろ
    i_mairy
    i_mairy 2014/06/10
    「5. リンクの種類でアイコン変える」「7. テキストリンクのエフェクト」
  • https://www.facebookbrand.com/guidelines?asset=2&media=1,2,3&platform=0

    i_mairy
    i_mairy 2014/06/10
    Facebookロゴを使うときのルール。禁止されているのは"Modify the ‘f’ logo in any way, such as by changing the design or color."だけ。
  • かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました

    かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました女性Webデザイナーにとっては「かわいいと言えばこんな感じ!」という基的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫!今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです!紹介する素材はすべて商用利用OK!参考になるデザインのWebサイトもいくつか紹介します! (あ、ちなみによく誤解されますが、私、Web クリエイターボックスの中の人は女です w) 無料フォント曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフォントはまるっこいものや女性の手書き風にすると、かわいらしさがググッとアップします!紹介するフォントはすべて商用利用 OK です(但し書きのあるサイトについては、以下にその

    かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました
    i_mairy
    i_mairy 2014/06/10
    配色例とアイコンが特にお世話になりそうな感じ