ASCII.jp

HTML5+CSS3でiPhone用動画アプリを作ろう (4/5)

ここまでで動画アルバムの機能は完成していますが、せっかくのアプリなのにシンプルすぎて物足りないと感じるかもしれません。そこで、CSS3アニメーションを使って、サムネイル画像がゆっくりと拡大縮小するちょっとした動きを付けてみましょう。
マイナビニュース

CSSを使って背景画像で文字を描画する方法

ChromeやSafariで採用しているレンダリングエンジンWebKitは「-webkit-background-clip」と「-webkit-text-fill-color」という2つのCSS3プロパティに対応している。「-webkit-background-clip」は背景をその上にレンダリングされるテキストなどに合わせて切り取る指定、「-webkit-text ...
ASCII.jp

CSS3 AnimationsとJSの連携でキャラクターを制御 (1/3)

HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回（連載バックナンバー）。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...
マイナビニュース

動くCSS3海賊

mir.aculo.usのCreating awesome CSS3 animationsにおいて、CSS3を使った素晴らしいアニメーションの例としてFreelance Treasure Mapが紹介されている。Chrome、Chromium、SafariなどのWebKitベースのブラウザでアクセスするか、iPadまたはiPhoneからアクセスすると、ページ上部に掲載さ ...
GIGAZINE

CSSグリッドレーン(Grid Lanes)とは何なのかをWebKit公式が解説

ウェブデザインにおいて「Masonry(石組み)レイアウト」は古くからデザイナーの悩みの種であり、いくつもの解決法が提示されてきました。2025年の暮れにW3Cによって草案がまとめられたCSSグリッドレーン(Grid Lanes)は、石組みレイアウトを実現するための新たな ...
GIGAZINE

WebKit公式ブログにてタイル状にアイテムを配置するメイソンリー ...

Safariのレンダリングエンジン「WebKit」の公式ブログにて、CSSグリッドレイアウトLevel 3で実装される予定のメイソンリー ...
MSN による配信

CSSグリッドレーン (Grid Lanes) とは何なのかをWebKit公式が解説

ウェブデザインにおいて「Masonry(石組み)レイアウト」は古くからデザイナーの悩みの種であり、いくつもの解決法が提示されてきました。2025年の暮れにW3Cによって草案がまとめられたCSSグリッドレーン(Grid Lanes)は、石組みレイアウトを実現するための新たな ...