タグ

ブックマーク / css-tricks.com (4)

  • BEM 101 | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a collaborative post by guest Joe Richardson, Robin Rendle, and a bunch of the CSS-Tricks staff. Joe wanted to do a post about BEM, which we loved, and just about everybody around here had thoughts and opinions about BEM, so we figured we’d all get together on it and do it t

    BEM 101 | CSS-Tricks
    tlync
    tlync 2015/05/29
    最近 Sass を良く書くので思うけど、OOCSS などは副作用のあるオブジェクト指向の様で、BEM は副作用を排除する関数型の考え方に近い。メンテナビリティに効果を発揮するだろうけどやっぱり見た目はヒドイ
  • Sass Style Guide | CSS-Tricks

    UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, so perhaps we can extend those to cover choices unique to Sass. Here are some ideas that I’ve been gravitating toward. Perhaps they are useful to you or hel

    Sass Style Guide | CSS-Tricks
    tlync
    tlync 2013/05/30
    extends と include は読みやすさの為に空ける、とか一部微妙だけどだいたい基本な感じ。JSHint 的なものないんだろうか
  • Mixins for Rem Font Sizing | CSS-Tricks

    The rem font-size unit is similar to em, only instead of cascading it’s always relative to the root (html) element (more information). This has pretty good modern browser support, it’s just IE 8 and down we need to provide px fallbacks for. Instead of repeating ourselves everywhere, we can use a LESS or SASS mixins to keep it clean. These mixins assumes: html { font-size: 62.5%; /* Sets up the Bas

    Mixins for Rem Font Sizing | CSS-Tricks
    tlync
    tlync 2012/10/29
    フォントサイズに rem 使う場合 px の併記が面倒だけど mixin 定義しちゃえば ok
  • RGBa Browser Support | CSS-Tricks

    This article was originally published on February 2, 2009 and is now being updated to clarify the concept and update the information for modern browsers. RGBa is a way to declare a color in CSS that includes alpha transparency support. It looks like this: div { background: rgba(200, 54, 54, 0.5); } This allows us to fill areas with transparent color; the first thee numbers representing the color i

    RGBa Browser Support | CSS-Tricks
    tlync
    tlync 2011/04/07
    文字は透過せず、背景だけ透過する方法
  • 1