アドセンスと、アクセス解析であるアナリティクスを統合することで、より深い情報をつかむことが出来ます。 既に多くのAdsenseユーザーは行なっている事かと思いますが、今一度確認の意味も込めてご紹介。 統合することのメリット 基本的にAdsenseだけで確認できる情報というのは実はかなり少ないです。 どのパーツがいつどれくらいの収益どれくらいのクリック率これらの情報から、Analyticsを統合することでより、深い情報を探る事が出来ます。 Analytics側の細かい情報の閲覧方法は次回ご紹介しますが、例にすると以下の様なことがわかります。 市町村別売上、表示回数、クリック率等ブラウザ別の売上ページ単位での売上オーガニック検索ユーザー単位でのクリック率検索キーワード別売上このことから、様々な傾向や対策を知ることができます。 もしまだやってないということであれば統合を一度お試しください。 統合
Analyticsを利用したサイト改善案シリーズ第２回です。 まず、ランディングページ自体、ブログにあまり必要ないと考えられていますが、実はそうではありません。 ブログも記事を書けば書くほど多くのランディングページが生まれているのですが、それらを単に無視しているだけであり、気付くことが出来れば、それなりに対処することが出来るのです。 ランディングページとは？ Web制作やマーケティングに関わっていない、一般的なブロガーさんであれば、なんですかそれは？という言葉かもしれません。 簡単にいうと、制作したサービスや商品につなげるために、入り口的ページです。 多くの場合、広告をクリックした時の、最初のページに用いられます。 なぜなら、せっかく広告をクリックしてくれたにもかかわらず、興味を持ってもらえなければ、直ぐに離脱されてしまいます。そこで、ユーザーの興味を強く引くための、協力な入り口専用ページ
2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各
というわけでここ１週間で海外で話題に上がったフリーフォントを紹介するまとめ記事をどどんとご紹介いたします。 ちなみにこの扉絵のフォントは記事の下の方で紹介している「アクセント」というフォントです。 商用利用可能なフリーフォント Download Free Fonts for Commercial Use (16 New Fonts) 全１６種類のまとめ記事。 今週一番のお勧め記事です。 サインペンでかいたようなフリーフォントや このちょっと使いドコロを選びそうな走り書きフォント キュートなフォントまでが揃っています。 エレガントなフリーフォント FREE FONTS FRIDAY: ELEGANT FREE FONTS まさにその名の通り、エレガントかつ繊細なフォントがまとめられた記事。 全部で１３のフリーフォントがまとめられています。 タンジェリン Miama 感激する美しきフォント 2
スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS
Simple and Effective jQuery Dropdown Login Formは、軽量でお手軽にログインフォームを設置出来るプラグインです。 ちょっとしたサイトのアクセント、Twitterみたいなログインフォームを設置したーいという人が何人かいたので共有。 クリックから展開 イメージ的には以下の様な。 中々美しいでしょ？ 設置方法 はじめにjQueryをGoogle先生から呼び出し、CSS、login.jsを読み込みます。 <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip
スマホ表示がFC2のデフォルトテンプレート使ってるような私にいわれたかないでしょうが、あくまでも使ってるユーザー側の視点として考えてもらえると嬉しいなと。 決して軽くするのが目的ではない 基本的にCSSでもじょもじょしているわけですから、例えばPC表示でサイドバーに画像があり、その領域をスマホに最適化する為に全て排除したとしても、見えないだけで読み込んでは居るわけですね。 Ethan Marcotte（イーサン・マルコッテ）氏が考案したレスポンシブWebデザインが生まれたのは2010年の5月。読み込みサイズに関してはやはり海外でも色々と議論されているわけでして、なかなかどうして大変ですねと。 そこから1年くらいたったあたりから日本にも広がりつつあります。 広がった理由はとてつもなく単純でして、PC表示、小型のスマホ、タブレットなど、様々なデバイスサイズに対応するために、全て1からCSSを書
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
記号やイラストなどを収録しているフォントをお探しの方用のエントリ。 自力で無料のものを探すのは難しいという方は参考にどうぞ。 Kaomoji Holiday illust Garabata - dingbats The Scrappin Cop SocialIcons font by ptocheia - FontSpace Irresistible Free Dingbat Fonts | Part II - StarSunflower Studio このページにはかなりの量がまとまっています。キャプチャーは全て、このページのリンクへつながっています。 Was Woodcuts Griffin Bats Zooland My 70's Ding Squares Font Medieval Dingbats Kaloscai Flowers Jade Dingbats Font 001 M
webデザインを学ぶならwebデザインから。 と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。 この、○○系と言うのは、例えば『ファッションサイト』『ライトエフェクト』『ECショップ』等のテーマが決められたwebサイトのデザインをさします。 週末のお供にいかがでしょうか。 webサイトデザインを学べる３０のテーマ 今回ご用意したのは多種多様な３０のテーマ。 さらに、今回は特別にポートフォリオサイト検索サイト、ECサイトデザイン検索、iPhoneサイトデザイン検索の検索サイト3つをお付けしました。 お好きなデザインから召し上がるもよし、順番に料理していくもよし、検索で探すもよし、webサイトのサンプルをお求めの時には是非お楽しみあれ。 因みに、海外で活躍中のwebクリエイターボックスの中の人は、一週間である程度のサイトデザインをブックマークへ追加。週末に、約30～40
独自視点で順番に特に意味はありません。 これから春に就職する方も、今も奮闘中の方も是非お勧めしたいデザイナー、Webデザイナー、デベロッパー向けの国内ブログのまとめです。 さらにそのブログの中でもおすすめの３記事をピックアップいたしました。お時間の有るときにでもどうぞ。 Webデザイナーなら知ってるでしょ？ １）Webクリエイターボックス 私のブログのデザインを作った人。世界を放浪しながらデザインを学んでいる。もっと手軽に楽しくWeb制作ができるようにみんなになってほしいをモットーにしているのでわかりやすい記事が豊富。 Facebookページの作り方 2012年1月版少しの手間で大きく変わる、細部にこだわったWebデザインを少しのコードで実装可能な20のCSS小技集 ２）Webデザインレシピ リファレンス的な分厚い記事が豊富。正直分厚い記事を書く人といえばもはやこの人しか居ないというくらい
いちいち検索して調べるのが面倒になってきたのでまとめてご紹介。 まず基本として全て自己責任で行ってください。私のほうで動作を保証するものではありません。 気になった場合は「アップルストアへ」が基本と考えていただければと思います。 アプリを探してる人はこっちへ 心に残ったベストiPhoneアプリランキング70個 名称の統一 ボタン名称として、スリープ/ウェイクボタンを「スリープボタン」と呼ぶ事にします。 ホームボタンはそのまま「ホームボタン」と呼ぶ事にします。 iPhoneが動かなくなった iPhoneが動かない場合、最終的には初期化となりますが、その前に試すことが色々あります。 １）アプリの強制終了 アプリ自体がフリーズした場合の一般的な方法。 ホームボタン2回～3回押し、下からでたアプリを長押し、－ボタンで削除。 アプリを長押しするとぐらぐらして－ボタンが出ます。これをタッチするとアプリ
レトロ風に写真を加工したい場合にボタン一つで変更するphotoshopアクションのご紹介。中でも他のサイトからリンクの多い8つをご紹介します。 レトロ風に加工するアクション 定番のポラロイド化アクション レトロの入り口と言えばポラロイド写真。 ボタン一つでそれらしく仕上がるのがいいですよね。 明るさを加工を施すアクション 手軽にぽん加工できるレトロ化アクション。配色を薄くし、すこし明るくする加工が施される。 肖像画に特化したアクション 明るさを落とし色合いも落とす加工。特に人間の肌を風化させることが出来る。 基本的なレトロアクション 基本的なレトロ化。少しきばみがかった色合い、セピアが入る。 より古く加工するアクション レトロ風というよりもさらにヴィンテージ化させるアクション。色合いはかなり薄くモノクロ化する。 背景写真を古い印刷物に加工するアクション そのへんで撮った背景写真を、古い印刷
ウェブデザインのテンプレートは結構多いけど、こうしたPSD形式での配布は珍しいですね。 今回はフリーPSDテンプレート１０というエントリからご紹介。 デザインの勉強に持つかえるかも 配布形式はPhotoshopなんかで開くPSDファイル。 ダウンロードしてじっくり見てみるのも有りかもしれませんね。 Darkwood Free hosting template Old burned paper Blog Source １０全ては以下に。 過去紹介しているhtml/cssテンプレートサイト 1170 + Ajax/Javascript/Dhtml examples and demos to download Dynamic Drive DHTML(dynamic html) & JavaScript code library Ajax/JavaScriptの宝庫。htmlはあまり関係ないけどお
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
とあるアプリ祭りがあったので参加。 もはやビッグウェーブも終わり、あとは潮が引くばかりという状況で、今のっても確実に沈没するんだろうなぁというラインまできてるのですが、面白そうな波だったので乗ってみようかと。 正確には影響を受けたiPhoneアプリっていう祭りらしい。 Twitterでハッシュタグ #5appをおってみると分かると思います。 5位 MagicPlan なんぞこれ！と最初感動したものです。 MagicPlan 1.3（無料） カテゴリ: ユーティリティ, 写真 販売元: Sensopia - Sensopia Inc.（サイズ: 20.1 MB） とりあえず写真とって部屋を撮影。 すると図面ができるっていうね。なんだそれはと。考えた人天才かと。 詳しくはここね。 iPhoneのカメラを使って間取り図を簡単に作れる『MagicPlan』 第4位 ストⅣ ストリートファイターIV
さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
あらゆる場面で使えそうなFlashイメージギャラリー特集です。 HTML5が押してきていますが、個人サイトで手軽にギャラリーが開けるのがポイントですね。 スライドギャラリー Flash-Gallery.com - PhotoFlow Flash Gallery Demonstration safariとかApple製品でみられるアレ。ダウンロードすると、gallery.xmlが入ってるのでそれを開く。 設定ポイントは以下。 //画像フォルダ指定 <imagesFolder>images/</imagesFolder> //画像の角度 <imageAngle>30</imageAngle> //スクロールバーの表示 Trueとfalseで指定 <useScrollBar>true</useScrollBar> //スライドショーの指定 <slideShow>false</slideShow>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く