ノンデザイナー必見！自社サイトをぐっと見やすくする3つのコツ | LISKUL
※本記事は2015年3月3日に公開された記事をLISKUL編集部にて再編集したものです。 ユーザビリティを無視した配置になっていないか？ ①一般的な配置か？（奇をてらっていないか？）【失敗例】 （引用：成果が劇的に、簡単に出るサイト改善 10のポイント） ユーザーにとって見慣れた構成にしましょう。「面白みがなくなるのでは？」と思う方もいるかもしれませんが、奇をてらった構成はアクセスを下げる要因にはなっても上げる要因にはなりません。どうしたらユーザーにとって使いやすいページになっているかを意識し、自己満足にならないようにしましょう。 ②視線の流れ（Z型、F型）を意識しているか？ （引用：見やすい・使いやすいレイアウトの為に考えるべき事。｜Basic Design Note） ウェブサイトでは通常「上から下」へ順番に情報を見ていくと思います。人の視線移動には「Zの法則」と「Fの法則」の2つがあ
Tumblr（タンブラー）の高クオリティすぎて一目置かれるテンプレート32選
簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。 Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。 クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。 今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。 Tumblrオススメのテンプレート32まとめ 1.Zen https://www.tumblr.com/theme/39508 画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。 ソーシャルボタンも用意されています。 2.Minimalism https://www.tumblr.com/theme/39633 画像収集
自分が死んだら、ネット上の情報やアカウントはどうなるんだろう？
2015年5月9日 Web関連記事 メールやカレンダー、SNS、写真など、インターネット上には多くの個人情報が残されています。通常はアカウントを登録したユーザー本人のみがアクセスを許されているはずですが、自分や身内に万が一の事があった時、これらの重要な情報はどのように扱われるのでしょうか？今回は私がよく利用しているサービスを中心に、故人のアカウントの取り扱いについて調べてみました。 ↑私が10年以上利用している会計ソフト！ Webサービスのアカウント Googleアカウント Gmailやカレンダー、Youtube、Google＋など、様々なサービスを提供しているGoogle。家族全員がそれぞれのアカウントを持っていてもおかしくないですよね。Googleでは一定期間ログインしていない場合、写真やメール、ファイル等をどう管理するか自分で設定できます。信頼できる友人や家族とデータを共有したり、ア
ハイクオリティなPhotoshopセンスを学ぶことができる「New Photoshop Tutorials to Learn Photoshop Techniques & Tips」
ハイクオリティなPhotoshopセンスを学ぶことができる「New Photoshop Tutorials to Learn Photoshop Techniques & Tips」 非常に多彩な表現が可能なソフト・Photoshop。機能も非常に膨大に搭載されており、なかなか使いこなせていないという方も多いのではないでしょうか？そんな中今回紹介するのは、ハイクオリティなPhotoshopセンスを学ぶことができる「New Photoshop Tutorials to Learn Photoshop Techniques & Tips」です。 Photoshop tutorial: Mix photos seamlessly to create a bright, brilliant photomontage – Digital Arts いろいろな表現を可能にするPhotoshopの機能の
alternate属性とcanonical属性を正しく使ってスマホサイトの存在をGoogleに伝えよう｜ferret [フェレット]
ウェブサイトを運営していて、デスクトップ用サイトURLとスマホ用サイトURLを分けている場合あります。この場合、きちんと検索エンジン向けに設定を行わないとスマホ用サイトの存在を認識してくれないケースがあります。それは主に、URLをデスクトップとスマホで分けて運用しているページの場合が多いです。 このような場合は、デスクトップ用URLとスマホ用URLの双方を検索クローラーに伝える必要があります。 今回は、canonical属性とalternate属性を使ってスマホページの存在を検索エンジン向けに伝える方法を紹介します。 目次 canonicalとは alternateとは Googleがサポートするデスクトップ用サイトとスマホ用サイトの最適化方法は3種類ある URLを分けている場合の対策方法 レスポンシブデザインの実装を検討しよう よくある質問とその回答 canonicalとは canoni
![alternate属性とcanonical属性を正しく使ってスマホサイトの存在をGoogleに伝えよう｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0730dbcc8279e5a9cf9e7e90cece0fca4736d6cf/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F1426%2Feyecatch%2Fdefault-2b35b1392942385f6e4a644bf6c0ba8b.jpeg)
PCでAndroidアプリを実行できるChromeアプリ「ARC Welder」で遊んでみた！ | オクトバ
2015年4月にGoogleより発表された、AndroidアプリをPC上で実行できるChromeアプリ『ARC Welder』の使い方をご紹介します！全てのAndroidアプリを実行できるわけではありませんが、『ARC Welder』を導入すれば、お気に入りのAndroidアプリをPCでも使用できるかもしれませんよ！ まず、『ARC Welder』は「Chromeアプリ」としてリリースされているので、PC版Chrome ブラウザが必須です。PCにChromeをインストールしていない方は、下記リンクよりダウンロード、インストールを行ってください。 ・Chrome ブラウザ｜Google 次に「Chrome ウェブストア」より『ARC Welder』をダウンロードします。右上の「Chromeに追加」をクリックするとダウンロード後、自動的にインストールされます ・ARC Welder｜Chrom
クックパッド加藤氏インタビュー「すでにあるものや仕組みを大きくすることだけが、グロースハックの全てではない」|グロースハックジャパン|Growth Hack Japan
クックパッド加藤氏インタビュー「すでにあるものや仕組みを大きくすることだけが、グロースハックの全てではない」 グロースハックの考え方をクックパッドグループの様々な領域に取り入れる 片山：本日はお忙しい中ありがとうございます。早速、取材の方を始めさせていただきたいと思います。よろしくお願いいたします。まず、加藤さんの現在のお仕事やご担当をお伺いさせていただいてもよろしいでしょうか。 加藤：今は広告領域を担当してるんですよ。新規広告開発部という部署を新設してそこで広告の新しい商品を作ったり、すでにある商品については配信の最適化を進めていけるような技術的基盤を作っています。広告商品の新規開発と、配信基盤の改善をひたすら繰り広げてるという感じですね。 片山：じゃあグロースハック関連の施策は今はやっていらっしゃらないんですね。 加藤：（クックパッドのサービスそのものや、「有料会員を伸ばしていく」とい
コンテンツ表示時の3D折りたたみ表現実装サンプル:phpspot開発日誌
3D Folding Panel in CSS and jQuery | CodyHouse コンテンツ表示時の3D折りたたみ表現実装サンプル。 アイテムをクリックするとページが半分から割れて、折りたたまれていたコンテンツが表示されるという面白いエフェクトのデモ＆サンプルです 関連エントリ サイト上の重要ポイント等にマークをつける「Points of interest」 フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装 Parallaxで写真等を立体的に表現するデモ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト
便利なデザイン素材を多数そろえた「50 Free Resources for Web Designers from April 2015」
TOP > Design > 便利なデザイン素材を多数そろえた「50 Free Resources for Web Designers from April 2015」 デザイナーにとって、フリーで使用できる素材はいくつ持っていても便利なもの。定番として利用できるものから、いざという時に活躍する個性的なテーマまでさまざま種類がwebサイト上では配布されています。そんな中今回紹介するのは、便利なデザイン素材を多数そろえた「50 Free Resources for Web Designers from April 2015」です。 Apple Watch Flat Template – beDesignful いろいろな種類のハイクオリティな素材がピックアップされており、さまざまな場面で活躍してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以
テキストに背景画像を設定してクールなテキストを表示できる「TextHoler.js」:phpspot開発日誌
TextHoler.js by diegodalbosco テキストに背景画像を設定してクールなテキストを表示できる「TextHoler.js」。 次のような、テキストに背景画像を設定して、Photoshopなどで作ったような画像が動的に作成可能です。 HTMLの機能のみでは実現出来ませんが、重宝しそうなテクニックです。 実装は次のように<span>などでテキストを書いたらjQueryプラグインで背景画像を指定するのみ 関連エントリ 動くパーティクルを背景に設定できる「particles.js」 iOS7風の背景をボカしてオシャレにするエフェクト実装「oblurlay」 背景をアニメーションするパーティクル画像にできる「Particleground」
いろいろな種類のフリーデザインリソースを集めた「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」
いろいろな種類のフリーデザインリソースを集めた「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」 デザインをする際、自分で素材のすべてを手がけるといったこともあると思いますが、多くが素材を利用して作られているもの。デザインに合わせていろんなタイプの素材が必要となってくると思います。今回はそんなときに参考にしたい「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」を紹介したいと思います。 Free Vectors: Designers table with tools. Vector illustration | Objects いろいろな種類のフリーデザインリソースを集めた、デザイナー必見のまとめとなっています。気になったものをピックアッ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
ウェブマスターツールの検索アナリティクスがすべてのユーザーに公開
[レベル: 中級] Googleは、一部のユーザーに試験提供していた「検索アナリティクス」をすべてのユーザーに提供開始したことを発表しました。 「検索アナリティクス」は、従来の「検索クエリ」の置き換わりになるツールです。 これまでは、Googleが選んだテスターだけが利用可能でした。 テスターから全ユーザーへ 検索アナリティクスは、アルファ版のときはテスターに申請したなかから選ばれたユーザーだけが利用できていました（僕は運良くアルファテスターに選ばれていた）。 その後ベータ版にバージョンアップしたタイミングで、ランダムに選んだ一部のユーザーがテスターとして追加されました。 しかし現在は、すべてのユーザーの標準のクエリレポートとして設定されています。 ウェブマスターツールにログインすると、ダッシュボードには「検索クエリ」ではなく「検索アナリティクス」が表示されています。 日本版ブログでのアナ
ネットマーケティングにおいて、本当に重要な指標はページビュー数(PV)ではない
ネットマーケティングでサイトを評価する際、ページビュー数で比較したり、判断することが多いです。ダイレクトな数字で一番わかりやすいからでしょう。 100万PV突破！などとあれば、インパクトありますよね。しかし、ページビューの増加だけを目標にすると、話がおかしくなってしまいます。 本当に大切にすべき指標は、なんでしょうか？ 利益の源泉は「信用」 ネットマーケティングの最終目的は、収益につなげることです。 ということは、サイトの良し悪しは、ページビュー数ではなく、得られた収益額で比較すべきでしょうか？ 違います。収益額もページビューと同じです。表面的な「結果」にすぎません。表裏です。もっと根本の部分を押さえないと、有効なマーケティング施策は行えません。 ビジネスにおける利益の源泉とは「信用」です。信用こそが、一番大切にして守るべきものです。サイトも「信用」で比較すべきです。 リピーター数を増やせ
電子書籍は、作家にとって救世主である理由
幾つかの大手出版社に持ち込んで、ことごとく不採用となったボツ企画を、電子出版してみました。おかげさまで、多くの経験を得ることができました。ありがとうございます。 実は私、ちょうど10年前に紙の書籍も出版しています。結果は見るも無残。まったく売れませんでした。当時は出版のことをよく分かっていませんでした。 2回の出版経験で感じたことは「電子書籍は作家にとって救世主だ」ということです。 電子書籍のおかげで、生活が経済的に改善したという作家さんは多いはずです。 古本マーケットに食い尽くされる紙書籍 紙の書籍の出版の印税は10%前後と言われています。初版は数千部。例えば1,000円の本が1,000冊売れれば、10万円の印税が著者に入ってきます。 よって、ベストセラーのような売れ方でなくても、売れ続ければ、長く定期的にお金が入ってくる。本を出版してしまえば、不労所得を得られるようになるのです。 ……
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像にウォーターマークを付与出来るスクリプト・「watermark.js」
アクセスするだけで使用ブラウザのバージョンやOS、IPアドレス等を把握出来る・「yourbrowser.is」
ブロック要素の好きな位置にツールチップを配置でき移動も簡単にできる「Pointy」:phpspot開発日誌
PDF、ODTのドキュメントをSlideshare風にサイト内に埋め込める「ViewerJS」:phpspot開発日誌
WordPress iOS // Automattic