タグ

2014年9月8日のブックマーク (6件)

  • 【初心者向け】ランディングページ(LP)の“もったいない”をなくす構成要素とは?

    ランディングページ(LP)は、インターネット広告やリスティング広告の受け口となるWebページのことです。 読み手が求める情報・内容にあわせ、このランディングページの情報を整理整頓することで、広告効果を高めることができます。しかし、構成の内容によっては、せっかくの来訪者が離れてしまうこともあるのです。 今回は、こうしたもったいないミスマッチをなくすため、これからランディングページの制作を考えられている方々に向けて効果を高めるための構成要素をお伝えできればと思います! ランディングページ(LP)とは? ランディングページとは、インターネット上のバナー広告や検索エンジンの結果に表示されるテキスト広告のリンク先になっているWebページのことを指します。このページは、企業や製品のWebサイトのトップページであるケースもありますが、多くは広告効果を高める目的で単独で制作されたWebページを用意していま

    【初心者向け】ランディングページ(LP)の“もったいない”をなくす構成要素とは?
  • UXについて理解が深まる!ユーザーエクスペリエンス概念図まとめ【全26枚】

    photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX(ユーザー体験)という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29: ・Alan Cooper氏のUX概念図(Form/Content/Behavior)を追加 2015/08/16: ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06: ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8: ・Alan Cooper氏のUX概念図を削除(ソー

    UXについて理解が深まる!ユーザーエクスペリエンス概念図まとめ【全26枚】
    monopoo
    monopoo 2014/09/08
  • メンテナブルCSS | 株式会社サイバーエージェント

    1. 序論 CSSは記述ルールが簡素であり、少しの学習コストですぐに記述ができる手軽なツールです。 しかし、大規模なアプリケーションで複数人で開発するケース等では、見栄えだけしか考えずに身勝手にコーディングしてしまうと、 非常にメンテナンスコストがかかる負の遺産が作られてしまいます。 そのためCSSの品質を保つために様々なプロジェクトで、CSSの定義ルールが決められています。 稿では一般的なCSSの定義ルールと、そのルールがなぜ作られたのかを合せて報告致します。 また、CSSのルールを適用するにあたって、手動・目視でルールの適用をチェックするのは非常にコストが高い作業です。 これらルールの適用を補助するツール群を、合せて報告致します。

    monopoo
    monopoo 2014/09/08
  • 商用利用無料、けいおん!っぽい元気でかわいい日本語のフリーフォント -けいふぉんと!(漢字も使えるよ)

    「けいおん!」のロゴタイプをヒントに作成された、元気でかわいい日語のフリーフォント「けいふぉんと!」を紹介します。 個人でも商用でも無料、Webや紙や動画などさまざまなメディアで利用でき、成果物や派生成果物のコピーを複製したり頒布することもできます。 ※ご利用の際には、必ず添付のライセンスをご確認ください。

    商用利用無料、けいおん!っぽい元気でかわいい日本語のフリーフォント -けいふぉんと!(漢字も使えるよ)
  • Angularリンク集 - albatrosary's blog

    Angularの資料で何か良いものは?」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います(あくまでも目安です)。 ★ : まず読みましょう ★★ : 少し慣れたら読もう ★★★ :仕事で使うよ 学習順は YEOMANでAngularをインストールし触りながら Angular家を見つつ Angular Style GuideやNinjaで理解を深める でしょうか(学び方は人それぞれですので)。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building

    Angularリンク集 - albatrosary's blog
  • jQuery Mobileページの基本構造を理解しよう(1/3) - @IT

    これらのフレームワーク/ライブラリを利用することで、デバイスの違いを(全くでないにせよ)あまり開発者に意識させることなく、標準的な枠組みでスマートフォン対応のアプリケーションを開発できるようになる。 スマートフォン対応のフレームワークは歴史も浅く、まだまだデファクト・スタンダードといえるものはないものの、現時点で最有力候補の一角と目されるのが、連載のテーマでもある「jQuery Mobile」だ。 ■jQuery Mobileとは? jQueryそのものについては稿の読者諸氏であれば、すでに既にご存じであろう――JavaScriptライブラリのデファクト・スタンダードだ。「Write Less, Do More(よりシンプルなコードで、より多くの処理を)」をモットーに、シンプルな構文でありながら機能性も高いことから、近年急速にユーザー数を増やしている。何千、何万にも及ぶプラグインによっ