KAYAC DESIGNER'S BLOG

面白法人カヤック意匠部(デザイナー)による、デザインのよもやま話。

【懐かしい】カヤックデザイナーブログの人気記事TOP10を振り返ってみた

Lobiチーム意匠部のばっこです。

2008年からずっと続いている「KAYAC DESIGNER’S BLOG」を振り返り、全308記事の中から、人気の高かった記事をまとめてみました!

【10位】845はてブ(2012年2月公開)

design.kayac.com

第10位は、2012年2月に書かれた「意外と知らない?アイコンはWebフォントでつくるとこんなに便利! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

当時のブラウザシェアトップはIE8で、IE6,7もまだまだ無視できない数字だったので、「アイコンをWebフォントでつくるとメリットが色々あるよ」というお話でした。 (IE6,7,8はSVGに対応していなかった)

【9位】883はてブ(2010年10月公開)

design.kayac.com

第9位は、2010年10月に書かれた「WEBデザイナー向け☆iPhoneアプリのUIデザイン | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

当時のアプリUI参考サイトで紹介されていた「優れたデザインのアプリ」のキャプチャが残っているのですが、スキュアーモーフィック全開だったり、今見ると画面がめっちゃ小さかったりで面白いですね。

f:id:inaba-takashi:20170323202928j:plain

f:id:inaba-takashi:20170323203610j:plain

ちなみに、最近のUI参考サイトだと「UI Archive – iOSとAndroidアプリのUIデザインをアーカイブするサイト」がオススメです😎

【8位】936はてブ(2012年2月公開)

design.kayac.com

第8位は、2012年2月に書かれた「超定番の jQueryプラグインをサンプルと一緒に集めました。(商用利用OKなもの多め) | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

弊社エンジニア曰く、今や「jQuery不要説」が高まりつつあるらしいですね。

ちなみに僕の記憶は「これからはprototype.jsか、いやjQueryだ!」みたいな話で盛り上がっていた頃で止まっています😑

【7位】983はてブ(2011年6月公開)

design.kayac.com

第7位は、2011年6月に書かれた「どう考えても無茶な「CSSプログラミング」が話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

当時はCSSだけでどこまで出来るかというお遊びが流行っていましたね。

【6位】1016はてブ(2012年6月公開)

design.kayac.com

第6位は、2012年6月に書かれた「インターネットでものづくりするときに役立つサイトまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

プロトタイピングツールと言えば今は「Invision」や「Prott」が有名ですが、当時はCacooも人気でしたね。

f:id:inaba-takashi:20170324130634p:plain

ちなみに、カヤックではInvisionとProttをそれぞれじっくり使い比べてみた結果、Prottのお世話になっています😎

【5位】1274はてブ(2012年7月公開)

design.kayac.com

第5位は、2012年7月に書かれた、「23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

こちらでもプロトタイピングツールの「Cacoo」や「Invison」が紹介されていたのですが、昔のInvisionのデザインがなかなか…笑

f:id:inaba-takashi:20170324000359j:plain

【4位】1413はてブ(2012年11月公開)

design.kayac.com

第4位は、2012年11月に書かれた「1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

「Cut&Slice me」って懐かしいですね。たしか同時期に「Slicy」とか色々出てましたが、Photoshopに画像アセット機能が標準搭載されるようになったり、Sketchが出てきたりして役目を終えてしまいましたね。

f:id:inaba-takashi:20170324131748p:plain

【3位】1789はてブ(2012年6月公開)

design.kayac.com

第3位は、2012年6月に書かれた「縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

まだ生きている懐かしいサイトがちらほら。

http://lostworldsfairs.com/atlantis/
f:id:inaba-takashi:20170324132914p:plain

Nizo for iPhone
f:id:inaba-takashi:20170324132921p:plain

【2位】2080はてブ(2011年9月公開)

design.kayac.com

第2位は、2011年9月に書かれた「いまさら聞けない><; 基礎から学ぶ「HTML5」超入門! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

CSSジェネレーターサイトとかも懐かしいですね。

Ultimate CSS Gradient Generator - ColorZilla.com f:id:inaba-takashi:20170324140900j:plain

上のキャプチャ画像にも載っていますが、当時はベンダープレフィックスでCSSがすごいことになっていました。

これもまた弊社エンジニアに聞いてみたところ、「今でもまだ必要ですけど、Autoprefixer などのツールで自動的に付けるのが主流なので実装時に意識することはほとんどないですね」とのことでした。

【1位】2718はてブ(2010年9月公開)

design.kayac.com

第1位は、2010年9月に書かれた「永久保存版!?携帯コーディング、これだけ読めばすぐできる!(テンプレートのおまけつき) | KAYAC DESIGNER'S BLOG - デザインやマークアップの話」です!

  • 文字コードはShift-JIS
  • 画像はgifかjpg(pngはNG)
  • カラーコードは6文字で指定しないと意図した色にならない場合がある
  • bもstrongもCSSのfont-weight:bold;も、何をもってしても太字にはできません。諦めましょう
  • imgなどのインライン要素は、改行がスペース扱いになって隙間ができます

などなど、当時苦労させられた人にしかわからないネタが😂

おわりに

懐かしの記事はいかがでしたか?

「KAYAC DESIGNER’S BLOG」はこの度はてなブログに引っ越しをしまして、今後はこちらで更新していく予定です!

カヤックが制作したアプリ・WEBサイト・サービスのデザインの裏話や、バズプロモーションのお話、UI,UXデザインのお話などを掲載していきます。

つい先日公開したこちらの記事もぜひご覧ください!

designblog.kayac.com