div.version {clear: both; } div.icon {width:270px; float: left; margin-bottom: 100px; } div.icon img {background: #525252; padding: 15px; width: 240px;} div.desc {float: right; width:360px; } div.desc strong {font-size: 20px; padding-bottom: 10px;} 年始にPCを整理していた所、Staccal2のアイコンが出来るまでのデザインの変遷を見つけてしまいました。 いつか記事にしようと開発中に残しておいたものと思いますが忘れ去っていました。かなり今更なコンテンツなのですが、折角なのでご紹介しようと思います。
![Staccal2のアイコンが出来るまで](https://cdn-ak-scissors.b.st-hatena.com/image/square/98daf56aaf5097df5b8ecd39f4ee7a74b72e0a25/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-s0WKfRBs_cg%2FUv10OPBr9XI%2FAAAAAAAACtM%2FDH6nYDbNhNY%2Fw1200-h630-p-k-no-nu%2Ficon.png)