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

Browse By

[Web Design] You Don’t Need JavaScript – JS書かなくても色々できるYO!

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

Javascriptなしでも、HTMLとCSSだけで結構いろんな事ができるYO!という作例がGithubでまとめられてます。アコーディオンやカルーセル、マウスオーバーアクション、メニュー、タブなどにカテゴリ分けされて紹介されていて、各項目からはデモページへのリンクが用意されています。リンク先の多くはCodepenで、JSの項目が空なのが確認できます。JS書かずにサクっと導入できるのがイイですねこれ。特にDivのShow / Hideを切り替えるタブとか使いやすそう。

[Color] Palettable – 好きか嫌いかで1色ずつ色を決めていくカラーパレット

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

好きか嫌いかという極めてシンプルな基準で、1色ずつ色を決めていくカラーパレット生成サイト。気に入ったらLikeの「L」を、気に入らなかったらDislikeの「D」をタイプするだけ。Likeされた色はカラーパレットに残りますが、やっぱコレいらねーやと思ったら「Backspace」キーで削除する事もできます。また作ったカラーパレットはこんな感じに固有のURLが生成されるので、他人と共有するのもラクチンです。サイトとかアプリのカラー指定する際に、「こんな感じどうかなー?」みたいにチームで議論する時なんかに使えそうです。

[Film] 80 hi-res, textless posters (some of my favorites) – 高解像度の、映画ポスター背景

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

80もの映画ポスターの背景画像が紹介されています。どれも後で上から描かれたタイポがない状態で、背景だけのものです。いやこれスゴいんだけどどこから仕入れたんだろう・・・? 作例は古いものから最近のものまで様々な時期のものが揃っていて、マットペインティング風のものが多いです。映画好きなら超ハァハァできます(コラ素材にも使えるかも・・・)。

[Web Design] FontFit – 既存Webサイトのフォント指定をいじくれるサイト

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

既存Webサイトのフォント指定を、アレコレいじくる事のできるサイト。画面左上の入力フォームにURLを突っ込む事でサイトがロードされ、場所ごとにフォント指定を変更する事ができます。場所の指定はタグで行い(デフォルトはAタグ)、次にFont Faceやサイズ、スタイルなどを変更します。Font FaceについてはGoogle Fontsがロードされているようです。変更するフォント指定ができたら、ページ右上にある「Share / Export」ボタンからフォント指定のタグを取得する事ができます。サイトのフォント類を再考したい時なんかに、見た目を確認しながら作業できるのがイイですねこれ。

[Android] OK Google – 「オッケーグーグル」で出来る事リスト

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

Androidの音声認識を使って出来る事がリスト化されてます。人に関する事、時間、天気、株価、単位の変換、計算機代わり、デバイスコントロール、調べ物、アラーム、カレンダー、メモ、電話、メッセージ、Facebookへのポスト、翻訳、リマインダー、マップとナビゲーション、スポーツの試合の確認、飛行機のフライトの確認、Webブラウジング、映画やTV番組の確認、音楽の再生、ストップウォッチなど。最後の方にイースターエッグなんかもまとめられてます。自分の場合宗教上の理由でAndroidは持ってないんですが、Siriたんでもだいたい同じような事ができるので、iPhoneユーザーが見てもわりと参考になるような気がします。

[Software] Coda 2 Themes – Coda 2のテーマファイルたくさん

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

PanicのCoda 2用のテーマファイル(スタイル)を配布しているページ。「Download」からまとめてZipファイルで落とす事ができます。ダウンロードしたファイルは、Coda 2の「環境設定>カラーリング>ギアのアイコン」から一気に読み込めます。Codaってプリセットのスタイル数が少ないので、これを突っ込む事でたくさんのスタイルの中から見やすいものを選ぶ事ができるようになるのがナイス。ただCodaってあまりユーザーいないんですよね・・・。自分の周りだとSublime TextとかAtomとかBrackets使ってる人が多い印象。あ、けどモダン化するっていう次期Dreamweaverにはうっすら期待しちょります。ほんのうっすらだけど。

[Music] Thirty of the Worst Heavy Metal Album Covers of All Time – クソダッサいメタルアルバムジャケット

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

信じられなくほどクソダッサいメタルアルバムジャケットをまとめた記事。メタル野郎ならきっと「これ持ってるわー」的なアルバムがチラホラあるかと思います。いやね、これホントよくこれだけのダサジャケ集めたなーと感心します。ジャケはダサくても中身はクールなアルバムももちろんあるにはあるんですが、やっぱジャケがヒドいと買う気削がれますよね・・・。個人的に思い出深いのはCinderella、Pantera、Ugly Kid Joeあたり。あと俺ADEMA大好きなんですが、Topple the Giantsのジャケはほんと信じられないほどヒドいw 音楽はイイんですけどねこれ。

[UI Design] iOS Human Interface Guidelines – Apple純正のiOSテンプレート

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

Apple純正のiOS 10用各種テンプレートを用意したページ。App IconやiMessage App Icon、3Dタッチデバイスのクイックアクション用のPSDなどが配布されています。iMessage Appってなんやろ?って思って調べたら、どうもこの画面の時に使われるアイコンのようです。AppアイコンのPSD以外にも、San Franciscoフォントやタイポ作例一覧のPSDなんかも配布されています。ただしダウンロードするにはApple Developer Programのアカウントがいるみたいです。