Flex Layout Attribute (FLA)Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — 'layout' and 'self':
Web制作にGPU処理を取り入れる
Updated 2013.10.24 / Published 2013.10.24 HexGLのようなWebGLのコンテンツを見ていると、これから本格的にWebがゲーム機の領域を浸食するようになっていくのかと、同じWebでもWebサイトを作る領域からすると動きの面で感心させられることしきりです。 なぜWebGLのアニメーションは滑らかなのか さておき、WebGLのコンテンツは非常に滑らかなアニメーションを実現できているわけですが、それはWebGLがCPUではなくGPUで処理されいるからとのことです。この場合のGPUで処理をするというのはソフトウェアであるブラウザがGPUを使ったハードウェア・アクセラレーションに対応していることが条件になります。つまり、CPU上でソフトウェア（ブラウザ）が処理する部分とGPU上のハードウェアで処理する部分を切り分けられる機能をもっているということになります。
Hover.css - A collection of CSS3 powered hover effects
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
PlusOneDay-takano-v4 on Vimeo
Loading more stuff… Hmm…it looks like things are taking a while to load. Try again? Vimeo About Vimeo Vimeo Blog Vimeo Guidelines Developers Jobs Help Help Center Basics Video School FAQ Forums More On Demand Enhancer Everywhere Upload Site Map Upgrade Vimeo Plus Vimeo PRO Vimeo for Business Did you know? Show another tip You can kick your procrastinating up a notch by ogling th
Animatable: One property, two values, endless possiblities
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
Create CSS3 - Easy CSS3 Generator & SASS Compass CSS3 Generator
Knowing your way around CSS is absolutely necessary if you want to have a half-decent looking website. In a lot of ways, having good CSS fundamentals is the great equalizer - if you know your stuff, your sites will look good, regardless of whether you're a freelancer or a bigger agency. Think about it this way: You could be one of the best SEO agencies in the world, but if the sites you're ranking
CSS Lint
Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi
The Shapes of CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn thos
CSS-3D ~ animating the style
Welcome to CSS-3D Flight of the Venturer - Using CSS3 animation and 3D transforms Enter the Matrix - Using CSS3 animation and 3D transforms Rotating color cube with CSS3 animation and 3D transforms - move inside the box Spinning spiraling space cube (demo 1) using CSS3 3D animation and 3D transforms Spinning space cube (demo 2) using CSS3 3D animation and 3D transforms This website was made by Ora
Freebies
Freebies Appster App, Template Resume Personal, Template Face Business, Template Syrup Template, Upcoming Domain Business, Template Comply Product, Template Startupster Business, Template Invictus Business, Template Beleme Personal, Template Go to page 1 Go to page 2 Go to page 3 Interim pages omitted … Go to page 14 Next
Checkerboard, striped & other background patterns with CSS3 gradients • Lea Verou
Checkerboard, striped & other background patterns with CSS3 gradients You’re probably familiar with CSS3 gradients by now, including the closer to the standard Mozilla syntax and the ugly verbose Webkit one. I assume you know how to add multiple color stops, make your gradients angled or create radial gradients. What you might not be aware of, is that CSS3 gradients can be used to create many kind
translateプロパティでAndroid,iPhone端末で画像がちらつく件
あ、ども僕です。 最近、何かとスライダー的なやつを扱う機会が増えております。 よくあるスライダーですね。 こんな感じのやつですね。 画像がスーっと行くやつ。バナーなんかで良く見かけますよね。 これをスマフォンサイトでも実装しているのですが、マークアップは単純に <div class="slider"> <ul class="sliderLi"> <li><img src="yes.jpg" alt="no"></li> <li><img src="yes.jpg" alt="no"></li> <li><img src="yes.jpg" alt="no"></li> </ul> </div> こんな感じだったりします。 liの親要素であるulに-webkit-transform:translate(-350px,0px);などで 動かしてスライドしているかの様に実装するのですが、 スライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ
Power Up With The Right Gears and Wheels -Transform Icons
HTML5 & CSS3 Tools and Tutorials
アイデアの宝庫！CSS3を使ったUI表現・テクニック集
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
http://brkcan.net/fun/macbook/