box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Made by Lea Verou with care Tweet 続きを読む

• leaverou.github.io
• テクノロジー

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 Entries F... 続きを読む

• ameblo.jp:ca-1pixel
• テクノロジー

By Chris Mills Introduction On a recent plane flight, I starting noodling around with combining flexbox properties, animations and transitions. I came to the conclusion that, for simple accordion-type UI features (see Figure 1), this can be q... 続きを読む

• dev.opera.com
• テクノロジー

またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を... 続きを読む

• havelog.ayumusato.com
• テクノロジー

はじめまして、 Ameba事業本部 teens事業部でフロントエンドディベロッパーをしている 2012年入社の山内と申します。 業務では、スマホ限定デコれるホムペ！Candyと新規アプリのHTML/CSSでの運用と開発を担当しています。ポヨン！プルン！という動き今回は下記... 続きを読む

• ameblo.jp:ca-1pixel
• テクノロジー

何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ（ただしOSやバージョンによって何がトリガかは厳密に異なる）を適用したら挙動が改善した、というようなノ... 続きを読む

• havelog.ayumusato.com
• テクノロジー

Languages with latin-based writing systems such as English are typically written left to right, and from top to bottom. However, there is a whole different world of writing modes out there. CSS3 Writing Modes allows you to use these in your w... 続きを読む

• generatedcontent.org
• テクノロジー

More CSS Secrets Another 10 things you may not know about CSS By Lea Verou (@LeaVerou) Hi, I’m Lea I work @ CSS3 Secrets 10 things you might not know about CSS3 CAUTION: May contain traces of JavaScript By Lea Verou (@LeaVerou) The 2011 “se... 続きを読む

• lea.verou.me
• テクノロジー

Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed quite a bit over the past few years, hence the Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed qui... 続きを読む

• css-tricks.com
• テクノロジー

続きを読む

• animateyourhtml5.appsp...
• テクノロジー

Monday, January 28, 2013 Beginner HTML5, JavaScript, jQuery, Backbone, and CSS3 Resources A Beginner's Journey I was recently approached by someone at a .NET User Group about how to get started in HTML5, JavaScript, jQuery, CSS3, etc... The d... 続きを読む

• www.elijahmanor.com
• テクノロジー

CSS3 transitions bring simple and elegant animations to web applications, but there’s a lot more to the spec than first meets the eye. In this post I’m going to delve into some of the more complicated parts of CSS transitions, from chaining... 続きを読む

• blog.alexmaccaw.com
• テクノロジー

Transitions (basic animations) are one of the most popular additions in CSS3, and one of the easiest to implement for big gains on your site. A transition is simply an animation from one set of CSS properties to another. So for example; whils... 続きを読む

• www.problogdesign.com
• テクノロジー

In the first of this two-part series, I covered the new CSS3 structural pseudo-classes, which target elements according to their position in the document tree or their relation to other elements. In this article, I’ll review the remaining ps... 続きを読む

• www.sitepoint.com
• テクノロジー

Programmatically animating background images There are two primary ways people animate background images: Use CSS sprites to update a background-position in JS . Hacks with .toDataURL() . The first works great if you have the image ahead of t... 続きを読む

• updates.html5rocks.com
• テクノロジー

2012-12-19 Sassでlinear-gradient()のmixinをつくる その2 CSS 誰がうれしいのかわからない、CSS Preprocessor Advent Calendar 2012の記事の第2弾です。 今回は -webkit-gradient() への変換について書こうと思ったのですが、ひとつ忘れてたことについて書き... 続きを読む

• myakura.hatenablog.com
• テクノロジー

W3C Working Draft 18 June 2009 This version: http://www.w3.org/TR/2009/WD-css3-fonts-20090618 Latest version: http://www.w3.org/TR/css3-fonts/ Latest editor's draft: http://dev.w3.org/csswg/css3-fonts/ Previous version (CSS3 Fonts): http://ww... 続きを読む

• www.w3.org
• テクノロジー

続きを読む

• www.creativesandbox.com
• テクノロジー

2012-11-26 :-moz-placeholderから::moz-placeholderに Mozilla CSS コロンに注目ね。Mozillaはこれまでplaceholder属性にスタイルをつけるために、:-moz-placeholderという擬似クラスを使っていたんだけど、Firefox 19からは::-moz-placeholderと擬似要素にな... 続きを読む

• myakura.hatenablog.com
• テクノロジー

こんにちは。x-fitチーム・エバンジェリストの渡辺です。Webサイトで使用するアニメーションをCSS3で書くことも増えてきていると思いますが、要素を回転させるアニメーションrotateにおいて、一部のAndroidでは回転方向の指定が利かない現象が確認されましたの... 続きを読む

• www.x-fit.jp
• テクノロジー