Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Monthly Archives: 11月 2016

[Software] Keynote Extractor – KeynoteのNote(カンペ)を含んだHTML書き出しのできるアプリケーション

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

KeynoteのNote部分、プレゼンで使ういわゆるカンペ部分を含めた形でのHTML書き出しのできるMac用アプリ。「Keynoteデフォルトの書き出し使えねぇから作ったゼ!」という流れで作られたようです。確かにNote部分はHTML書き出しされないですもんねアレ。これ使うとスライド内に置いた写真やグラフなどのキャプションとしてNote部分を使えます。とってもニッチだけど欲しい人にとっては超ありがたい機能な気がします。サイト内にはこれで生成されたHTMLのデモもあります。

[Web Design] httpster – クールなWebサイトのデザインギャラリー

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

クールサイトを紹介するデザインギャラリー。ファッションやアートなどの、意識高い系サイトが多く紹介されてます。サイト名のhttpsterが一見hipsterに見えるのも、多分狙ってるのでしょう。ソレ系の人が好きそうな作例が多いです。そういや数年前の事だけど、一時期山ほどあった「CSSなんちゃら」系のデザインギャラリーサイトってどこ行ったんでしょうね。

[CSS] cssreference.io – CSSプロパティ名から効果を学べるリファレンスサイト

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

CSSプロパティ名ごとに、分かりやすく画像で説明がされたリファレンスサイト。ページ左に並んでるプロパティ名をクリックすると、どのように使うのか、また指定するとどういう結果になるかを説明してくれます。いわゆる正引きのリファレンスサイトなんですが、アニメーション関連のものは実際にサイト内で再生できたりして、とても丁寧な印象です。あとFlexboxやAnimations、Box model、Typographyなどは固有のページにまとめられている点も分かりやすい。CSSの基礎をこれから学ぼうという人にちょうど良さそうな感じのコンテンツです。

[Photo Stock] AllTheFreeStock – CC0の写真素材サイトを横断検索できるサイト

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

いやこれ久しぶりにグっときました。CC0(パブリックドメイン)の写真素材サイトを横断検索できるサイト。CC0というだけでナイスなのに、それらのサイトがリスト化されていて、その上横断検索までできちゃう。なんともまぁデザイナーにとって素晴らしいサイトでございます。画面左側にある「Free Stock Search」→「Mutisite Search」と進む事で横断検索ができます。ちなみにこのサイト、写真素材だけでなくモックアップやビデオ、フォント、Webテンプレートなども探す事ができます。便利過ぎて鼻血出そうです。エクセレーント!

[Photoshop Plugin] Copio – レイヤー単位でコピー&ペーストができるようになるプラグイン

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

Photoshopで、レイヤー単位でコピペが使えるようになるプラグイン。書類をまたいでコピペできるようになります。そういやそういう事できないですよね。Illlustratorの方が得意、という人は地味にこの機能ありがたいんじゃないでしょうか。ちなみに自分はタブ間をドラッグ&ドロップ派です。

[Music] Generate your own Metallica logo – メタリカロゴジェネレーター

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

先週末に発売されたMetallicaのHardwired…To Self-Destruct、えーわたくしメタル野郎なのにまだ聴いておりません。もうちょいしたら聴くと思います。んでまぁこれにあやかって、Metallicaのロゴジェネレーターが出ています。文字列入れてEnter押せば、先頭と末尾が尖ったMetallicaっぽいロゴ画像が生成されます。個人的にはMaster of the Puppetsあたりのロゴが好きなんですけど、これだとテンプレート作るの大変ですよねそうですよね。

[Misc] Hipstersound – ヒップスターが好きそうなBGM生成サイト

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

ヒップスターが好みそうな意識高い系BGMを生成してくれるサイト。まずは画面左の再生ボタンを押してカフェを選びましょう。次の曲・前の曲ボタンで他の場所を選ぶ事もできます。するとまるでスタバでMacBook広げてドヤリングしてそうなカフェの雑踏が聞こえてきます。あとは好みに応じて右のメニュー内からサウンドを追加するだけ。追加できるサウンドはカフェによって異なるようで、例えばパリのカフェではピアノやオープンテラス、焚き火、雨音などが追加できます。雨音とかイイですね。落ち着きますね。意識高そうです。ピアノ曲のラインナップが多ければ、仕事中のBGMなんかに使えそうです。

[Web App] Gridzzly – グリッドをカスタマイズして、好みのグリッドペーパーをプリントできるサイト

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

画面上でグリッドをカスタマイズして、好みのグリッドペーパーをプリントできるサイト。グリッドの種類は4点ドット、3点ドット、横線、方眼、三角形、六角形、そして音楽やる人にはとってもナイスな五線譜も用意されています。各グリッドはスライダーを使ってサイズと色を調整でき、また画面上部の定規部分をクリックすればインチとミリメートルの単位切り替えもできます。今すぐグリッドペーパーが欲しい!って時に、プリンターさえあればサクっと調達できるのがイイですね。個人的にはこれに六線譜が加わってたら最強だったなーと思いました。