自分のWebサービスがスマートフォンやタブレットをサポートしている場合、それを全面に打ち出したいですよね。そんな時には通常、スマホやタブレットのモックアップをサイトに表示して、その中にWebサービスのコンテンツを表示します。 そんな感じの表示を簡単に実現してくれるのがHTML5 device mockupsです。多種多様なデバイス、向き、カラーリング選択にも対応しています。 HTML5 device mockupsの使い方 HTML5 device mockupsのデモです。こちらはiPhone。 iPadにもできます。 iMac。こちらは枠が大きいです。 MacBook Pro。 Galaxy S3。 Nexus 7。 Lumia 920。カラーリングや向きを変更しています。 このデバイスモックアップは画像で、Webコンテンツが埋め込める形になっています。HTMLはもちろん、画像も埋め込

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ

あなたのスマホの最初の画面にあるアプリは何ですか？ 毎日頻繁に使う愛着のあるものや、状況に応じて必要なもの。逆にダウンロードしたもののほとんど使わずに画面の隅に眠っているもの。 その差は何でしょう？ 大きな要因の一つは『Usability (使いやすさ)』の違いで説明されます。 今回は弊社が提供しているInnovation Programの中で、サンフランシスコデザイン会社、btrax社のCEO, Brandon K. Hillが行ったワークショップの一つをご紹介します。このワークショップは先日8月7日のオンラインセミナー Vol.2でも取り上げた話題です。数々のアプリスタートアップがひしめくSFのユーザーの感覚を汲み取って、アントレプレナーたちはどのようなアプローチでモバイルアプリをヒットさせているのでしょうか。 1. Usability vs Security （使いやすさ vs セキ

こちらのアプリCellMemoなら手早くメモをEvernoteにノートブック指定で保存できます。 スポンサーリンク 簡単ノート切り替え Evernoteにメモアプリが沢山ある中でCellMemoの特徴は保存先のノートブックの指定がとにかく簡単なことです。 これまでのEvernoteメモアプリでも同じことはできたのですが、かなり手間がかかっていました。それに比べるとかなり楽です。 用途で使い分けるのがよいかも Evernoteを使いこなしている人は一旦なんでもかんでもinboxに入れてからあとで整理する使い方をする人が多いです。ですが、あからさまに保存先が分かっているノートをいちいちinboxに入れておくのは無駄な手間です。 日常的に用途が明確なノート私の場合、立ち寄った場所の記録や食べたものの写真など）はいちいちinboxに入れずに、直接ノートブックに入れてしまったほうが良いです。 一方で

ブログのメインは記事本文。どんなにタイトルで惹きつけて訪問者を増やしても、肝心の記事が読みづらければ最後まで読まれないうちに離脱してしまいます。当然、シェアもしてくれないしリンクもしてくれません。 では読みやすいブログとはどのようなものでしょうか。そのひとつは、「流し読みしやすい文章」です。 読みやすいブログ記事を書くための基本とライティングテクニック 文章の改善はいますぐできることではありませんが、読み疲れさせないデザインにするのはすぐに実行できるかもしれません。 本記事では、記事本文が表示されるメインコンテンツの幅と、周囲の余白設定に焦点を絞って解説していきます。 有名どころ 18 サイトを調べて、各サイトがどれくらいの幅で記事を表示し、どのくらい余白をとっているのか調べてみました。ぜひご参考に。 2014 年に調査・公開した数値のため、参考サイトの内容が変わっている場合があります。

Google アナリティクスは高機能すぎて、どこを見ればよいのかイマイチわからないかもしれません。専門用語も多数ありますしね。 あちこちで導入が推奨されているので、「とりあえず入れてみた」という方が多いのではないでしょうか。 でも、個人ブログであれば、アナリティクスで見るべき部分は限られてきます。どのデータを見てそれをどのように使うのか、ブログ初心者向けに解説したいと思います。 本記事はユニバーサルアナリティクスの解説です。GA4 には対応しておりませんので、あらかじめご了承ください。また、記事内で使用しているキャプチャは、とくに記載がないかぎり Google デモアカウントのデータとなっています。 Google アナリティクスの基本 まずは、Google アナリティクスの基本部分をおさらいしておきましょう。 レポートの意味 左側に表示されているサイドメニューには、以下のようなレポート項目