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

Browse By

Tag Archives: WebApplication

[Web App] Taskade – オンラインで共有できるToDoリスト

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

タスクをToDoリスト化し、それを固有のURLを使って他者と共有できるWebサービス。タイトルを付けて本文エリアに入力すると、チェックボックス付きのリスト化されるので、あとはそれをToDoリストとして使えばオッケー。他者への共有リンクは、見るだけのものと編集まで行えるものの2種類生成されるので、都合の良い方を人に伝えればイイみたい。テーマ変更やキーボードショートカット、Chrome Extensionなども用意されていて地味に多機能です。チームで仕事する時とか、毎日の買い物メモなんかに使えそうです。

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

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

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

[Misc] Ambient rain simulator for pluviophiles – 雨音シミュレーター

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

雨音シミュレーター。サイト開いておくだけで雨音が聞けます。雨は嫌いだけど雨音は好きって人は結構いそうですもんね。雨音以外にも風の音、雷の音、人混みから聞こえてくる雑踏音などを個別に音量調節できるのもナイス。あとこのサイト、ウィンドウを拡大縮小すると分かるんですが、窓が曇った感じをCSSフィルターのブラーで表現してたりとか、結構手が込んでます。仕事中のBGMに良さそうです。

[Generator] UnCSS Online! – HTML内で使われていないCSS記述を削除してくれるサイト

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

HTML内で使われていないCSS記述を削除して、CSSファイルのダイエットができるサイト。自分の場合、過去に作ったサイトをフレームワーク代わりにして新規にサイト作る事とかあるので、こういうとっても助かります。HTMLの削除だけ手動でやって、CSSの削除はこうしたジェネレーターに任せる事ができれば、作業時間大幅に短縮できますからね。というわけで早速コード突っ込んでみたんですが、なぜかタイムアウトしちゃいました・・・。なんか条件とかあるのかもしんないです。ぬふぅ。

[Web Application] Jpeg.io – どんな画像フォーマットでもJpegにできるコンバーター

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

どんなフォーマットのもの画像でも、Jpegに変換できる画像コンバーター。対応しているフォーマットはJPG, PNG, GIF, SVG, BMP, EPS, PSD, TIFF, WEBP。Webpってなんじゃい?と思って調べたところ、Googleが開発した画像フォーマットだそうです。こんなんあるんスね・・・。扱える画像フォーマットにベクター画像も含まれる点がナイスです(AIが入ってれば完璧だった)。汎用性も高いので、手元にPhotoshopとかSketchとかがない時に使えそうです。

[Web App] Launchaco – 空きドメインや、SNSの空きアカウントを一括検索してくれるサイト

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

未登録の空きドメインや、SNSでの空きアカウントなどを一括で検索してくれる便利なサイト。新規サービスやWebサイト立ち上げる時にココで検索しておけば、後になって「サービス名のTwitterアカウント空いてなかったー!」的なギャース感を回避できそうです。ドメインについてはかなりマイナーなTLDまで確認してくれます(.ninjaなんてあるんだ・・・)。あとついでにロゴタイプもいくつか作ってくれます。こういうツールとってもナイスです。

[Music] iO-808 – TR-808のシミュレーター

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

リズムマシンの名機Roland TR-808のオンラインシミュレーター。機能の全てではないけど、基礎的なものについては概ね再現されています。ベーシックな使い方は簡単で、まずは画面左上にある「INSTRUMENT-SELECT」キーを使って楽器を選択します(例えばBDはBassDrum)。次に画面下部にある16個のボタンを使って音符を配置していくだけ。この16個のキーは、1つが16分音符という位置づけで、4つで1拍、16個で1小節だと考えます。楽器ごとに個別に配置できるため、これだけで複数の楽器が鳴るリズムトラックを作る事ができます。画面右上にあるツマミ類を使えば、各楽器の音質やレベルを調整できます(ここにある楽器名を見れば、セレクター記載の略称も分かるという仕組み)。これがブラウザ上で動くってのはスゴい。iPadで使えばリズムマシンとしてガチで使えるんじゃないでしょうか。あと使い方をしっかりと学びたい人は、実機のマニュアルを読むのがよろしいかと。

[Web App] emoji-gram – 絵文字を使って文字を書けるサイト

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

絵文字を使って文字が書けるサイト。入力欄に文字タイプすると、絵文字がその形になって、コピペして使う事ができます。ただし半角英数にしか対応していません。文字部分は左下から、背景部分は右下からセレクトできます。主な用途がメッセージングのためか、スマホで見るとちょうどイイ感じにレイアウトされてます。文字情報は縦書きされるので、人に送った際の改行問題についても心配する必要がなさそうです。自分はオッサンなのであまり絵文字を使う機会もあまりなく、とりあえずウンコ書いておきました。