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

Browse By

All posts by Quattro

[Gadget Review] ONKYO D-112E LTD

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

この前たまたまハードオフに行ったら、ONKYOのD-112E LTDが1万で売られてたんです。10年前のモデルではあるけど、当時定価58000円もしてたスピーカー。クソ安い上に状態もいい。1日迷って翌日保護しに行きました。久しぶりに書く記事が10年前のスピーカーのお話ということで、大変恐縮でございます。

(さらに…)

[Site Info] お知らせ

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

ここ1年くらい放置してましたが、このブログがテーマとしていたWebとかデザインに関する色々な事に対して、以前ほど関心がなくなったから、というのがその理由です。なんか昔ほど夢中になれなくなっちゃって。んで閉鎖する事も考えたんですが情報としては残しておきたいし、けど維持するならコストはかかるし、という感じで考えあぐねてたんですが、結局サーバ移転して運用コストを下げる事で続ける事にしました。んでついでにSSL化しました。URLに鍵マーク付いてると思うんですが、これが結構大変で、Mixed Content指定を回避するのに結構な手間がかかりました。既存サイトのSSL化って結構大変なんスね。仕事でやるなら覚悟しなきゃ。

まぁそんなわけで今後ちょっとこのブログの内容を変えつつ続けて行こうと思ってます。買い物ブログにでもしよかな。最近ルンバ買った事だし、よくある「2019年買って良かったものまとめ」みたいなしょーもない話を書くのもアリかも。あと「Alexaこういう風に設定するとンギモッヂイイ!!ってなるYO!」みたいな話とか。これは需要がありそう。あと「Apple TV 4KのHDRがらみの設定めんどくせぇ」とか。まぁそんな感じでWebからちょっとガジェット寄りにしていこうかなー思ってます。その内なんか更新します。

[Wallpaper] macOS Mojave Wallpaper – macOS モハベの壁紙

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

macOS Mojaveで新たに増えるApple純正壁紙が公開されてます。サムネイルクリックで元のサイズで開けますが、1枚1枚保存するのがメンドくせぇ!っていう横着な人はこちらからまとめてダウンロードすることもできます。もちろん俺はそうしました。んで普段使ってる壁紙フォルダに突っ込んで完了。気分だけでも新しいOSを味わいたい方に。まぁ時間帯によって壁紙の時間帯も変わるダイナミック壁紙は使えませんが。

[Web Design] Breaq, a resizer bookmarklet – ページ内のブレイクポイントを一覧にしてくれるブックマークレット

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

ページ内のブレイクポイントを一覧にしてくれるブックマークレット。ページ内の「Breaq」って書いてある青いブックマーク部分をお気に入りなどにドラッグして使います。ブレイクポイントを調べたいページを表示した状態で、事前にブックマークに登録しておいたBreaqをクリックすると、ページ内のブレイクポイント一覧がブラウザウィンドウ右下に出力されます。境目や各BPの位置付けなどが分かりやすく、シンプルに知りたい情報だけに機能が絞られてる点がとってもナイス。常用ブックマークレットフォルダに突っ込んでおきました。

[Mac] ←↓↑→入力のショートカット

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

わたくしもう20年以上Mac使ってるんですが、このショートカットは知りませんでした。通常矢印の入力って「うえ」とか「やじるし」で変換して入力すると思うんだけど、2ストロークで任意の向きの矢印を出せる方法があるそうです。まとめると以下のような感じ。

  • zh : ←
  • zj : ↓
  • zk : ↑
  • zl : →

Z始まりでHJKLと順番に左下上右と並んでます。記号をこのストロークで打つ癖を付けておけば、いざ「矢印」って漢字で入力したい時に選択肢としてえらい下の方にあって「ムキー!」ってなるのを防げるかもしれません。実用性はともかく、興味深いTipsだなぁと思いました。

[CSS] Flexy CSS Framework – ミニマルなCSSフレームワーク

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

機能をほぼグリッドレイアウトに絞ったミニマルなCSSフレームワーク。ダウンロードや詳細なドキュメントはGithubから確認ができます。特徴としてはまずファイルサイズが軽量な事。Row(行)内のカラム幅をパーセントで指定できる事。Bootstrapの12分割システムよりも細かい指定ができます。あとFruidカラムを設置できる事。これはカラム幅を指定せず配置する事で、数値指定したカラム以外の残りの幅いっぱいに使えるという指定。Fruidカラムは1つのRow内に複数配置できるようです。Bootstrapのような多機能なフレームワークは必要なくて、ただグリッドレイアウトができればそれでいい、というシンプルな機能を求める人向けのフレームワークという印象でした。

[Web Design] Museum of Websites – 有名サイトの旧デザインアーカイブ

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

今では誰でも知ってる有名サイトの昔のデザインをアーカイブしたサイト。Google, Amazon, Pinterest, Facebook, Youtube, Reddit, Twitter, Yahooといった超メジャーサイトが並んでおり、詳細ページに入ると「XXXX年にはこうだった」みたいな感じで時系列で紹介されています。Yahooとか懐かしいですな。オッサン世代には「始めて開いたWebサイトがYahoo」という人も多いでしょう。あと旧ロゴのTwitterも今見るとなかなかダサくて懐かしい感じがします。Googleによる買収前の、ほとんど無法地帯だった頃のYoutubeなんかも旧デザイン見てると感慨深いものがあります。

[Mac App] Pretzel – 使っているアプリケーションのショートカットをメニューバーから検索

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

今フロントに来ているアプリケーションのショートカットを簡単に検索できるアプリ。起動するとメニューバーに常駐し、クリックするとショートカットの一覧が出るようになります。検索もできるようなので、知りたい動き(例えばPasteとかMoveとか)をフリーワード検索すると、そのためのショートカットを教えてくれるそうです。Appsのページには対応アプリケーションの一覧があります。グラフィック系やコーディング系に強い印象。ショートカット厨の方にオススメ。