【AD】BenQのデザイナー向け27型ディスプレイ「PD2700Q」を使ってみた

2017-06-22 | 0 | Posted in ガジェット・家電

この記事は、reviews(レビューズ)より依頼した企画です。

仕事柄、会社でも家でもウェブサイトのデザインを確認したり、動画を作成しながら映像を確認したりといった作業が発生します。

ただ、常にそういった作業をしているかというとそうではなく、執筆や企画書作成など、文章を入力することのほうが多く発生するため、見た目の綺麗さよりも目の疲労を軽減するために、暗めの画面で作業をすることが多くなります。

そういった合間に確認作業をおこなっていると、暗い画面のままデザインを確認することになり、実際とは違う色味に見えていたり、あるいは解像度の低い状態で、細部までくっきりとは見えない状況で見ていたりということが発生します。

これらの問題を解決しつつ、さらに使い勝手が良くなりそうなのが、BenQのデザイナー向け27型ディスプレイ「PD2700Q」です。

私の普段のディスプレイ環境は、

  • 仕事場:23インチのディスプレイ3つ。そのうちひとつを縦置き。
  • 自宅 :21インチと25インチのディスプレイ2つ。

といった状況です。

そんな私が、BenQのデザイナー向け27型ディスプレイ「PD2700Q」を試してみましたので、使ってみた感想を共有いたします。

続きを読む »

動画をスマホサイズに切り抜いて最適化できる「crop.video」

2017-06-18 | 0 | Posted in WEBツール・サービス

スマホサイトを意識した動画の最適なサイズを考えると、スマホを縦にしたときのサイズ、そして横にしたときのサイズが出てくると思います。その際に問題になるのは、元の動画の全体を表示させられるわけではないこと。一番伝えたい事が、表示領域の外になってしまっては、もはや動画を流す意味がなくなってしまいますよね。

今回はそういったときに、動画のリサイズを容易におこなえるツールをご紹介します。

続きを読む »

迫力のあるCSSテキストシャドウのサンプル集「Trendy CSS Text Shadows」

2017-06-11 | 0 | Posted in WEBツール・サービス

CSS3で実装されたテキストシャドウ(text-shadow)を使って、まるで画像のような効果をテキストに加えることができるようになり、まるで漫画に出てくるような効果をつけることも増えてきましたよね。

今回はそのテキストシャドウを使って、迫力のあるテキストを実現したサンプル集をご紹介します。

続きを読む »

ホバーもグラデな美しいグラデーションボタンを生成できる「Gradient Buttons」
ホバーもグラデな美しいグラデーションボタンを生成できる「Gradient Buttons」
最近のウェブサイトは、動画であったり、アクション時のエフェクトであったり、動きのあるものが目立つようになってきましたよね。 ストレージや回線、ブラウザの描写等々の技術の進歩によって、昔に比べてかなりリッチな動きを再現しやすくなってきたと感じます。 今回ご紹介するのは、CSSでグラデーションを» 詳細を見る
動くグラフをカンタンに作れる「Data GIF Maker」
動くグラフをカンタンに作れる「Data GIF Maker」
グラフ画像で結論をすぐに見せるのも良いのですが、時と場合によってはすこし貯めておいてから結論を見せる演出をしたい場面もありますよね。 そんなときに使えそうな、Google News LabによるWEBアプリをご紹介します。 動きのあるグラフをカンタンに作成できる「Data GIF» 詳細を見る
HTC サポーターズクラブ キックオフミーティングでHTCとU11を見てきました
HTC サポーターズクラブ キックオフミーティングでHTCとU11を見てきました
先日、HTC サポーターズ クラブのキックオフミーティングに参加しました。 私にとってHTCといえば、2009年に初めて手にしたAndroid端末「HT-03A」の印象が強く残っています。その後の印象としては、Googleが自社ブランドのスマホPixelに採用したことなどから、速く、安くて» 詳細を見る
HTML5やCSS3、メタタグ、リッチスニペットなどのコードを生成してくれる「Web Code Tools」
HTML5やCSS3、メタタグ、リッチスニペットなどのコードを生成してくれる「Web Code Tools」
サイトを作ったり、改善しているときに、HTML5やCSS3、あるいは構造化マークアップを追加するためにMicrodataやJSON-LDを書いてリッチスニペットに対応するようなシーンも多くあるかと思います。 リソースが潤沢であれば、こういった作業も進めやすいのでしょうが、リソースが不足している» 詳細を見る
[PR]チャップアップシャンプーの座談会に参加してみました
[PR]チャップアップシャンプーの座談会に参加してみました
ソーシャルテックのキャンペーンに参加中[PR] 歳を重ねるごとに身体に変化が現れる事象のひとつとして、髪が薄くなってくるというものがあると思います。できれば無駄な心配をさせてほしくない事象のひとつですよね。 かくいう私も、40になって髪が残っている事自体が奇跡的であると言われるほど、遺伝» 詳細を見る
ChromeからいつでもInstagramを閲覧できる「Instachrome」
ChromeからいつでもInstagramを閲覧できる「Instachrome」
思考が煮詰まってしまったとき、あるいは少しリフレッシュしたいときなど、仕事の合間にInstagramを見ることもあるかと思います。しかし、PCやスマホでわざわざInstagramを開くようなことまではしたくないときもありますよね。 そんなときに、Chromeのボタンを押すだけでInstagra» 詳細を見る
シンプルなWYSIWYGエディタでHTMLを生成できる 「HTML Editor」
シンプルなWYSIWYGエディタでHTMLを生成できる 「HTML Editor」
デザインは得意だけれども、HTMLコーディングはどうしても不得手だ、という方も多いのではないでしょうか。あるいは、文章を書いていて、ライター脳をコーダー脳に切り替える気がないときに、手軽にHTMLタグを生成したいというケースもあるはず。 今回ご紹介するのは、リッチテキストエディタ(WYSIWY» 詳細を見る
Slackからサイトのウェブチャット対応ができる「Smallchat」
Slackからサイトのウェブチャット対応ができる「Smallchat」
ウェブサイトにチャットを設置して、訪問者が気軽に問い合わせをできるようにするウェブチャット。 最近はそのウェブチャットが既存のチャットサービスと連携し、普段使っているサービスの延長線上でチャット問い合わせをできるようなものも増えてきましたよね。 今回ご紹介するのはそのなかでも、既に社内にSl» 詳細を見る
サイト上で特定要素のCSSやサイトの全カラーコードを確認できるChrome拡張「CSSPeeper」
サイト上で特定要素のCSSやサイトの全カラーコードを確認できるChrome拡張「CSSPeeper」
気になるデザインのサイトでCSSをチェックするときに、Chromeのデベロッパーツールでは情報が多すぎて効率が悪いと感じる人もいるのではないかと思います。 そんなとき、デザインに必要な情報だけを取り出してくれるGoogle Chromeの拡張機能をご紹介します。 デザインに必要な情報» 詳細を見る
世界の6箇所から同時にウェブサイトのスピードテストをおこなえる「Web Load Speed Test」
世界の6箇所から同時にウェブサイトのスピードテストをおこなえる「Web Load Speed Test」
インバウンド対策に越境EC等々、自社のウェブサイトを多言語に対応させる機会も増えてきていると思います。そんなときに、対策するうちの1つとして気をつけたいのが、ターゲットとなる国からのサイトの表示速度です。 私も米国に滞在している日本人向けにコンテンツを配信するようなサイトを運営していますが、サ» 詳細を見る
インスピレーションを感じた画像をブラウザからDropboxへ容易に保存、閲覧できる「Designbase」
インスピレーションを感じた画像をブラウザからDropboxへ容易に保存、閲覧できる「Designbase」
ネットであらゆるサイトを見ていて、デザインやビジネスなどのインスピレーションを得ることもあるかと思います。そういったときには、インスピレーションを得た画像を保存しますよね。 画像をどこかに保存しておく手段としては、Evernoteであったり、Google Keepであったり、さまざまなツールが» 詳細を見る
タスクをポヨポヨしたバブルで視覚化できる新感覚のタスク管理アプリ「To Round」
タスクをポヨポヨしたバブルで視覚化できる新感覚のタスク管理アプリ「To Round」
タスク管理をすることは質の良いアウトプットをするために重要な事ですが、その管理の仕方しだいでは、管理することがかなりのストレスになることもあります。 そのためにタスク管理をすること自体が嫌になってしまっては元も子もありません。そんなときに試してみたいのが、UIに面白さがあるタスク管理アプリ» 詳細を見る