タグ

tipsとdesignに関するtopaz2のブックマーク (4)

  • スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ!(Frontrend Advent Calendar 2013 – 06日目) | Ginpen.com

    (追記: 2018年10月)何年か経ってから見ても内容大丈夫そうでした。 この記事はFrontrend Advent Calendar 2013の6日目の記事です。昨日は谷さんでWeb Components/Polymerを軽く触ってみるでした。(これ今後数年で大流行りしそうに思うので、未読なら是非!) さて、最近はHTML5だCSS 3だFlashやめてJS制御でアニメーションだーってんで盛り上がってるわけですが(周回遅れ)、いざアニメーションを実装してみても、なかなかスムーズに動いてくれなかったりしますね。 どうやったらスムーズに動くかってのを解説したいと思います。 なおこの辺りの情報は、概ね斎藤さんを中心としたFrontrend絡みの方々に教えて頂きました。感謝感謝。 先に結論 概念的なの GPU合成レイヤーを適切に使うと早い いわゆるハードウェアアクセラレーション 何がCPUで、何

    スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ!(Frontrend Advent Calendar 2013 – 06日目) | Ginpen.com
    topaz2
    topaz2 2013/12/07
    メニューバーから「ツール>ブレンドレイヤー(カラー)」をオンにしておくと、ハードウェアアクセラレーションがかかっている部分が赤色で表示されます。
  • How to align Facebook and Tweet buttons?

    The Facebook and Tweet buttons on our home page are vertically misaligned, and we're confused why. We can top align the two buttons if we use Firebug and remove the height for the Tweet button. However, the height is set dynamically, and inlined, from a Twitter script. We can't seem to override the height value. Here's the home page: http://www.panabee.com Are we doing something wrong in the CSS?

    How to align Facebook and Tweet buttons?
    topaz2
    topaz2 2012/09/01
    昔ちょっと悩んだやつ。
  • 長~いURLによるカラム落ち、に対処する - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 長いURL(半角英数字)を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。 通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。 幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。(レイアウトが崩れない、て意味ね) ただし、table要素に詰まっていると、ややこしくなります。table要素は特殊なブロック要素で、中

    topaz2
    topaz2 2006/11/05
    word-break: break-all は標準に加えてもいいんじゃねと思った。
  • ExtremeTech

    Feature: We take the world's best image-editing program and make it better—with these free plug-ins that let you spruce up your images like the professionals. Whether you're talking about a browser or an advanced 3D graphics modeler, plug-ins are a way to get more punch out of your application. And when it comes to upgrading a program's usability, Photoshop(Opens in a new window) boasts one

    ExtremeTech
  • 1