HDRiな生活

HDR(ハイダイナミックレンジ)写真の連載。ストックフォトでカメラ機材代の捻出を目論む。


これは便利だgoogle先生に学ぶアイコン一括収納術

これは便利だgoogle先生に学ぶアイコン一括収納術

特にアイコンなどの小物に限った話ですが、仕様が変更されるのは日常茶飯なwebデザイン界隈のおはなし。

担当者がひとりのうちは、それほど問題なく作業が出来るのですが、後任の引き継ぎはたまったものじゃない。デザインラフはどこにあるのか、パーツはどこにあるのか、やっと psd みつけたと思ったらレイヤーぐちゃぐちゃでスライスないことしばしば。それだけでモチベーション下がるわ、時間くうわ。めんどいんですよね。

で、google先生の小物の収納具合を見てプチ感動しました。というよりこれでいいのか世界のgoogle。以下 google analytics と google+ で使用されているアイコン群の画像。

google analyticsで使用されているアイコン
google+で使用されているアイコン

リンク:analytics アイコン+1 アイコン

なんとcssで背景ずらしてるだけで、すべて1枚画像にまとめているスマートさ。その左下の棒グラフは何故。そこにシビれ(ry

こうやって収納されてるとメンテも楽だし、過去バージョンも同居させとけば系譜も分かりやすい。まさかマスユーザーはこんなとこ覗かないだろうし、よほど変な画像を入れない限りは企業としてのクレジットにもひびかないでしょうし。

ということで、小物は一括して1枚画像にモリモリ放り込んじゃいましょうさ。助かります。俺。同業の方。そういえばアップルもかつてはこんなの(いつリンク切れるか分かりません)使ってましたね・・・・

コメント: 0

« 前の3件  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   17   18   19   20   21   22   23   24   25   26   27   28   29   30   31   32   33   34   35   36   37   38   39   40   41   42   43   44   45   46   47   48   49   50   51   52   53   54   55   56   57   58   59   60   61   62   63   64   65   66   67   68   69   70   71   72   73   74   75   76   77   78   79   80   81   82   83   84   85   86   87   88   89   90   91   92   93  94  95   96   97   98   99   100   101   102   103   104   105   106   107   108   109   110   111   112   113   114   115   116   117   118   119   120   121   122   123   124   125   126   127   128   129   130   131   132   133   134   135   136   137   138   139   140   141   142   143   144   145   146   147   148   149   150   151   152   153   154   155   156   157   158   159   160   161   162   163   164   165   166   167   168   169   170   171   172   173   174   175   176   177   178   179   180   181   182   183   184   185   186   187   188   189   190   191   192   193   194   195   196   197   198   199   200   201   202   203   204   205   206   207   208   209   210   211   212   213   214   215   216   217   218   219   220   221   222   223   224   225   226   227   228   229   230   231   232   233   234   235   236   237   238   239   240   241   242   243   244   245   246   247   248   249   250   251   252   253   254   255   256   257   258   259   260   261   262   263   264   265   266   267   268   269   270   271   272   273   274   275   276   277   278   279   280   281   282   283   284   285   286   287   288   289   290   291   292   293   294   295   296   297   298   299   300   301   302   303   304   305   306   307   308   309   310   311   312   313   314   315   316   317   318   319   320   321   322   323   324   325   326   327   328   329   330   331   332   333   334