[DIY] klaus geiger converts apple power mac G5s into contemporary furniture – PowerMac G5をリサイクルした家具

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.24, 2014, under Apple

これは素晴らしい。古くなったPowerMac G5を家具としてリサイクルした作例。ウッドとガラスとで2つのテーブルを製作してます。特に素晴らしいのがウッド天板の方。G5のラウンド部分に沿う形で天板エッジ部分も処理され、シェイプがタマらなく美しいです。この形なら白天板でも合いそう。ウチにPowerMac G5が2台余ってたら間違いなくマネしそうな作例。G4 Cubeなら実家に1台余ってんだけどなぁ。使い道ないよなぁ・・・。

コメントを書く :, ,

[Javascript] hamburgler.js – ハンバーガーメニューのJS

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.24, 2014, under Web Design

モバイル向けサイトやアプリでよく目にする3本線のメニュー。俗にハンバーガーメニューって言われますが、あれを実装できるJavascript。レスポンシブレイアウトのサイトでモバイル向けレイアウトになった時、それまでのグローバルナビがハンバーガーアイコンに収まるという手法はよく見かけますね。ただこの手法には結構賛否両論があり、「美しくない」という意見もよく目にします。個人的にはアレってAndroid App界隈限定での手法であって、WebやiOS Appにおいては全然一般的じゃなくね?とも思います。けどまぁサイトによってはこれの導入を求められる時もあるので、備忘録として残しておきます。

コメントを書く :, , ,

[Freebie] Web Design Freebies – Webデザインに使える素材をまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.23, 2014, under Material

Webデザインに使える素材を集めたサイト。置いてある素材はアイコンやモックアップPSD、フォント、HTMLテンプレート、テクスチャ、インフォグラフィック素材など。アイコンがわりと多めな印象。まだ若いサイトらしく紹介されてる量はそれほど多くはないけど、今後増えて行くんでしょう。素材探しに使えそうです。

コメントを書く :, , ,

[UI Design] 20 Free and Fresh Mobile UI Templates – モバイルAppのUIテンプレートまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.23, 2014, under UI Design

Mobile AppのUIテンプレートをまとめた記事。多くはiOSをプラットフォームとして想定した作例です。iOS 7以降のフラットUIをベースとしたものが多いです。リンク先ではPSDで配布されてる場合が多いので、UIデザインをする際の素材探しとしても使えそうです。ユル目のグラデーション、ブラー、線画のアイコン。こういったものが今のデザイントレンドなんでしょうね。

コメントを書く :,

[CSS] CSS clip-path maker – CSSを使ったクリッピングパスのジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.22, 2014, under Web Design

CSSを使って画像のクリッピングパスができるジェネレーター。画面左にある様々なシェイプで画像にマスクをかける事ができます。クリップした内容はページ下部にあるコードエリアにリアルタイムに反映されるので、思った通りのクリップパスが描けたらCSSコードをコピペするだけで使えます。ここで使われるプロパティは“clip-path”というもの。シェイプを選んだり修正したりすると、polygonの値が変化します。画像を使わずにコードだけでマスクを切る事ができるので便利ですね。ただ円形についてはグレーアウトしてて選べませんでした。polygonじゃ描けないからなのか、理由はよく分かりませんが、サークルシェイプって最近よく使われる印象なので、そこだけちょっとアレだしナニではあります。

コメントを書く :, , ,

[Freebie] Apple Watch PSD –  WatchのUI PSD

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.21, 2014, under Material

Apple WatchのUIパーツがPSDで配布されてます。とは言えまだ発売前なので、おそらく現在公式サイトなどで見る事のできるスクリーンショットなどから制作しているんだと思います。Apple Watch用のApp配信がどういう仕組になるのかまだよく分かりませんが、Watch向けAppを制作する予定のデベロッパにとってはUIデザインの際の参考になりそうです。こうして見ると小さいディスプレイながら結構いろんな事できそうなんですよね。あ、俺もちろん買います。

コメントを書く :, , , ,

[Font] 1,075 Awesome Free Fonts For Designers – デザイナーのためのフォントまとめ記事

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.20, 2014, under Material

デザイナーのためのフォントをまとめた記事。しかし正確に言えば、フォントをまとめた記事をまとめた記事です。なんかややこしいですが、リンク先でさらにテーマごとにフォントがまとめられています。ちょうどわたくしこの後iMacをクリーンインストールしようと思ってるので、フォント類のバックアップとかおっぱじめるつもりです。フォントライブラリはデザイナーの命ですからね。Yosemiteの見た目、わりと不評も多いんだけど俺は好きであります。

コメントを書く :, ,

[Web Design] 85+ Free CSS3 jQuery Tab Menus Plugins – CSSとjQueryを使ったタブメニュー

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.17, 2014, under Web Design

CSS3とjQueryを使ったタブメニューの作例を集めた記事。なんと85の作例がまとめられてます。よくタブメニューという限定されたテーマでこれだけ集めたな・・・と感心せざるを得ません。一般的な水平方向に並んだタブ切り替えはもちろん、垂直方向でのタブ切り替え、アニメーションを併用したものなど色々あります。それぞれリンク先で導入法やデモなどが用意されてるので、タブの作例を探す際に使えそうです。

コメントを書く :, , , ,

[Misc] Beautiful Maps – 地図のギャラリーサイト

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.16, 2014, under Misc

美しい地図画像ばかりを集めたギャラリーサイト。クリックすると詳細を見る事ができます。今みたいに正確な地図情報がない古い時代のものもあれば、ごく最近のイラストっぽい地図作例もあったりして、こういうの好きな人なら楽しめると思います。タコが出てきちゃうのとかありますしね。あと世界地図ばかりではなく、ごく局所的な地図もあります。いるかどうか分からないけど地図マニアにおすすめ。友達に電車の路線図マニアがいたから、きっと地図マニアもいる事でしょう。

コメントを書く :

[Freebie] iOS 8 GUI PSD (iPhone 6) – iOS 8のGUI PSD

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.15, 2014, under Material

いつものTeehan+Laxのオッサン2人が、iOS 8のGUI PSDを作ってくれました。今回のPSDで新しくなった点は、iOS 8のGUIに対応した事と、iPhone 6の各色モックアップが入った事です。どうやら6 Plusについては入ってないようですが、毎度のように忠実に再現されていてとってもナイスです。今回通知エリアのパーツが充実してますね。新機能だし対応アプリもいくつか出てますもんね。ありがたく使わせてもらいます。

コメントを書く :, , , , ,

Web Services

My Profile by iddy

Twitter Status