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

Browse By

Monthly Archives: 10月 2015

[Apple Watch] Apple Faces – Apple Watchの壁紙配布サイト

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

Apple Watch用の壁紙配布サイト。WatchOS 2から任意の写真をWatch Faceに設定する事ができるようになったので、iPhoneみたいに壁紙を選ぶ楽しみが増えましたな。ただ自分はアナログ形式の指針のあるFaceが好きだったのであまり使ってませんでした。が! ココでNewton Faceを見つけて気が変わりました。いやーこれはアツい。わたくしNewtonユーザーではありませんでしたが、この時代のApple製品いまだに好きなので(冬の時代ですけどね)、早速ダウンロードしてWatch Faceに指定してみました。いやこれはかっこいい。オールドMacファンにはタマりませんな。他にもゲームボーイ風のものや、Watch内のTaptic Engineを使った、いわゆる「透ける」壁紙なんかもあるので、Watch用の壁紙探す際にオススメです。

[Web Design] Design Patterns on CodePen – CodePenがまとめる便利なコードスニペット

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

CodePenが、Webデザインに役立つコードスニペットをまとめています。様々な表現手法ごとに分けて紹介されています。例えばAccordionでは、アコーディオンを使ったコンテンツの見せ方とそのコードが複数種紹介されています。他にもメニューアイコン、タブメニュー、グリッド、ボタン、パンクズ、カレンダー、表組みなど、Webでよく使われるパーツ類が揃っています。CodePenなのでソースコード見るのも簡単です。

[Screensaver] Aerial – Apple TV Aerial Views Screen Saver – 新しいApple TVのスクリーンセーバーをMacでも使えるゾ!

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

発売されましたね新しいAppleTV。もちろん予約しましたよ。最初32GB版予約したんだけど、あとになって「やっぱり64GBが欲しい!」と思って予約しなおしました。今週末には届くのかなぁ。というわけでうっすら話題になっている、AppleTVの新しいAerialスクリーンセーバーがMacでも使えます。リンク先内、Githubへのリンクからスクリーンセーバーファイルをダウンロードできるので、後はダブルクリックしてインストールすれば完了。ファイル自体は数MBしかないので、動画ファイルはどうやらAppleオリジナルのものを引っ張ってきているようです。ロケーションや時間帯などの指定もでき、またデュアルディスプレイ環境では個別の動画を表示させる事もできます。うーん素晴らしい。あー早くAppleTV届かないかなー!

[CSS] CSSGram – Instagramのようなフィルター機能をCSSを使って行うライブラリー

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

Instagramのような写真加工を、CSSのフィルター機能を使って行う事のできるCSSライブラリー。CSSフィルターとCSSブレンドモードを使うようで、IE以外のブラウザーで動作します。CSSを読み込んでClass指定するだけというシンプルなものなので、導入も簡単です。コーディングレベルでの可逆性を持たせたい場合や、Webサービスなどでの写真のフィルタリングなどで使えそうです。そういやInstagram使わなくなったなぁ・・・。

[Web Design] Material Design for Bootstrap – Bootstrap用のMaterial Designテーマ

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

BootstrapベースのMaterial Designテーマ。製作者が言うには「GoogleはMaterial DesignでWebを美しくして、TwitterはBootstarpでレスポンシブかつエフェクティブに開発できるようにした。なのでこの2つを一緒にした」的な事を謳ってます。実際テンプレートページ(いくつか有料のものもあります)をいくつか見たけどスゴくよく出来てると思います。なんかのLP作る時なんかにちょうどイイテンプレートがチラホラありました。個人的にはMaterial Designにはあまり馴染みがないけど、これはなかなかナイスです。

[Web Design] Buttons – A CSS button library built with Sass & Compass – SassとCompassで作られたCSSボタンライブラリー

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

SassとCompassを使って作られたCSSボタンのライブラリー。様々な形のボタンが用意されていて、またそれぞれ押下時にはアニメーションもします。導入方法についてはページ最下部に記述されています。シンプルで品のいいデザインなので、Sass導入済みのサイトやチーム内において使いやすそうです。ちなみに俺Compassって使った事ないんですよね。解説とか読んでると便利そうな気はするんだけど、なんか機会があれば使ってみたいなーと。

[Misc] Frightgeist – アメリカのどこでどんなコスプレが流行っているのかが分かる、ハロウィン向けコンテンツ

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

アメリカのどこでどんなコスプレが流行っているのかを見る事のできる、ハロウィン向けのコンテンツ。Googleが作っているようで、Chromeでないとちゃんと動きません(Safariで見ると超カクカクなので非推奨)。地図上をマウスでなぞると、その地域で1位のコスプレが表示され、クリックする事でそれ以下のランキングを見ることが出来ます。またここでキャラ名をクリックすると、そのキャラクターの人気の推移を、ここ数年単位で見る事ができます。あちこち見ましたが、やはり今年はStar Warsの新作公開年だけにソレ系流行ってますね。ちなみに統計のリソースはGoogle Trendsのようで、多分「×××× コスチューム」って感じでググられてるワードを調査対象にしてるんだと思います。コスプレ選びの参考に是非。

[Emoji] Middle Finger Emoji – iOS 9.1で追加された中指おっ立て絵文字

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

iOS 9.1とMacOS 10.11.1が公開されましたね。今回は双方共にひとつ大きなアップデートがあります。それは絵文字の追加。150個の絵文字が増えているそうです。自分はオッサンなので普段は特に絵文字とか使いませんが、個人的にとてもアツい絵文字があるのです。それは「Middle Finger」というもので、早い話が中指を立てたアレでございます。いやこの絵文字がUnicodeとして実装されるなんて優秀なアップデートじゃありませんか。とても実用的! すぐにでも使いたい! けどiPhoneでは絵文字リストからすぐ出せるけど、Macからどうやって出すのか分かんねぇ! というわけで探してみたところ、このMiddle Finger専門のTwitterアカウントを発見しました。もうほとんど中指アイコンしか発言しておりません。とてもお下品! というわけでMacから中指絵文字をタイプしたいけどやり方分かんねぇという人、このTwitterアカウントからコピペすると出せますよ。俺は早速単語登録しました。あらゆる絵文字の中で最も実用的なんじゃないか、とさえ思いますコレ。いやぁ素晴らしい。