CSS3 を使って構築された Mac OS X Dock

CSS3 を使って構築された Mac OS X Dock
CSS3 を使って構築された Mac OS X Dock

これまでに、CSS の iOS アイコン、Kinetic タイプのビデオ、iPad で非常によく機能する 3D 回転分子のデモなど、クールな CSS 実験を紹介しました。

ウェブ開発者兼インターフェースデザイナーのMichael Hüneburg氏は、CSS3アニメーションを用いてOS X標準のDockを再構築し、反射、バウンス効果、ラベルなどを追加しました。また、iTunes 10の人気アイコンにインスピレーションを得たアイコンもいくつか追加しました。この実験の様子はこちらをご覧ください。

これは、ラベル、アニメーション、反射、インジケーターなどを備えた、OS XのDockを再現した簡単なCSS3実験です。拡大効果にはCSSトランジションを使用し、 :targetバウンス効果には擬似クラスとCSSアニメーションを使用しています。

CSS ベースのドックは Webkit デスクトップ ブラウザーではうまく機能しますが、マウスオーバー イベントが明らかに不足しているため、iOS では拡大効果を得ることができません。

クラブ・マックストーリーズ

追加コンテンツと特典にアクセスする

Club MacStories は 2015 年に設立され、ほぼ 10 年間にわたって毎週独占コンテンツを提供してきました。

毎週、毎月の電子メール ニュースレターから始まったものが、すべての MacStories ファン向けに設計されたメンバーシップ ファミリーに成長しました。

詳細については、こちらおよびクラブの FAQ をご覧ください。

Club MacStories : アプリ、ヒント、自動化ワークフロー、長​​文執筆、MacStories Unwind ポッドキャストへの早期アクセス、定期的な景品など、盛りだくさんの情報を満載した、電子メールと Web 経由の週刊および月刊ニュースレター。

Club MacStories+ : Club MacStories が提供するすべての機能に加え、アクティブな Discord コミュニティ、クラブの過去のカタログ全体を閲覧するための高度な検索機能とカスタム RSS 機能、ボーナス コラム、多数のアプリ割引などが含まれます。

Club Premier : 上記のすべてに加え、早期に、広告なしで、高ビットレートのオーディオで配信される当社の主力ポッドキャストの拡張バージョンである AppStories+ が含まれます。

フェデリコはMacStoriesの創設者兼編集長であり、アプリ、開発者、iPad、iOSの生産性向上に焦点を当ててApple関連の記事を執筆しています。2009年4月にMacStoriesを設立し、以来Apple関連の記事を執筆しています。また、アプリの世界を探求する週刊ポッドキャスト「AppStories」、メディアなどを楽しく探求する「Unwind」、そしてポータブルゲームと携帯ゲーム機革命をテーマにした番組「NPC: Next Portable Console」の共同司会者も務めています。