PhotoshopアクションをWindows、Mac、または別のPCで共有する方法
前回の記事でアクションの共有を行なっていると書いたところ、7人の方からまったく同様の質問をうけました。 アクションを共有とはどういうことでしょうか？ 別の端末間で同じアクションを利用できるのでしょうか？ というものです。 答えは出来ます。割と簡単に。 というわけでレッツチュートリアル。 １）用意するもの Dropbox はいでました。Dropboxちゃん。可愛いですよね。 別にオンライン・ストレージなら何を使ってもいいのですが、Dropboxを使う理由は以下のとおり。 一回登録すればオフラインでもアクションをちゃんと読み込む私のメインストレージだからというわけでDropboxをユーザー登録して、MacにもWindowsにも、Dropboxフォルダを作りましょう。 このフォルダが無ければ始まりません。 さらに、とりあえずDropboxの中に、「Photoshop共有」とかいうフォルダを適当に
Adsense（アドセンス）とAnalytics（アナリティクス）を連動させて統合する方法
アドセンスと、アクセス解析であるアナリティクスを統合することで、より深い情報をつかむことが出来ます。 既に多くのAdsenseユーザーは行なっている事かと思いますが、今一度確認の意味も込めてご紹介。 統合することのメリット 基本的にAdsenseだけで確認できる情報というのは実はかなり少ないです。 どのパーツがいつどれくらいの収益どれくらいのクリック率これらの情報から、Analyticsを統合することでより、深い情報を探る事が出来ます。 Analytics側の細かい情報の閲覧方法は次回ご紹介しますが、例にすると以下の様なことがわかります。 市町村別売上、表示回数、クリック率等ブラウザ別の売上ページ単位での売上オーガニック検索ユーザー単位でのクリック率検索キーワード別売上このことから、様々な傾向や対策を知ることができます。 もしまだやってないということであれば統合を一度お試しください。 統合
あなたのサイトやブログのランディングページを見つけてPVを増やす方法｜ユーザーフローの便利な使い方
Analyticsを利用したサイト改善案シリーズ第２回です。 まず、ランディングページ自体、ブログにあまり必要ないと考えられていますが、実はそうではありません。 ブログも記事を書けば書くほど多くのランディングページが生まれているのですが、それらを単に無視しているだけであり、気付くことが出来れば、それなりに対処することが出来るのです。 ランディングページとは？ Web制作やマーケティングに関わっていない、一般的なブロガーさんであれば、なんですかそれは？という言葉かもしれません。 簡単にいうと、制作したサービスや商品につなげるために、入り口的ページです。 多くの場合、広告をクリックした時の、最初のページに用いられます。 なぜなら、せっかく広告をクリックしてくれたにもかかわらず、興味を持ってもらえなければ、直ぐに離脱されてしまいます。そこで、ユーザーの興味を強く引くための、協力な入り口専用ページ
話題のサークルデザイン｜展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」
スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS
無料で使える単一ページのHTML/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
「わかってもらえない」ダメな企業サイトになるための3つの条件
多くのWebサイトが乱立するなか、ユーザーに対してわかってもらうという課題があります。 出来るWebページは、この「わかってもらう」事が最も重要であり、そしてこの課題をキッチリクリアしています。はたしてわかってもらえるWebサイトとは一体どんな工夫がなされているのでしょうか。 よく陥る3つの失敗から学ぶ わかってわかってもらえないサイトになるための3つの条件とでもいいましょうか。 Webサイトにて一番陥りやすいトラップの一つに、「わかってもらえるだろう」という思い込みがあります。この「わかってもらえるだろう」という感情は何処から来るのかというと、実は結構シンプルな答えですが、「制作するときに参考にしたサイトに似せる」という部分から来ています。 最大の過ちが起こる過程には、Webサイトを作ろうと考える企業と、Web屋との間に、上下関係がある為と言えます。 例えばWeb屋に全て丸投げする企業。
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
商用利用可能なCSSテンプレート｜Htmlテンプレート
2007年1月。私がブログを始めた同じ月にミャンマーの青年が個人でも商用でも無料で使えるFreeFlashTemplateというサイトをオープンさせました。Flashのテンプレートを無料で提供というスタイルですね。 とても素晴らしいソースとして、結構使われた人も居るかもしれません。ある程度広告収入と言う方法で軌道に乗せたNetDNAは、その一年後2008年に、FreeCSSTemplateというサイトも同時に発足。 そして現在。総テンプレート数が335個。 改めてこのサイトを見ると、かなり優れたものが多いので、だいぶ前に紹介した気がしないでもないのですが（他のブログでみただけかも）、再度ご紹介したいなと思います。 とりあえず使う前の注意 個人、商用問わず利用可能です。作品を複製、頒布、展示、実演することができます。二次的著作物を作成することができます。本作品を営利目的で利用することができま
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
手書き風のイメージを作るためのphotoshopブラシとフォント特集
年始から手書き風画像のフォントとかどうなってるんですかという問い合わせが多いので、今回はphotoshopで、手書き風の画像を作るときに便利なブラシとフォントをまとめてみることに。 手書き風photoshopブラシ ※以下画像をクリックでブラシファイル見本を開きます。 ダウンロードしたファイルを解凍します。 次にphotoshopを開き、『編集』→『プリセットマネージャー』を開きます。 そのごブラシを選択し『読み込み』から解凍したブラシファイルを読み込みます。 １）69 Doodle arrow brushes ダウンロードページ 手書き風の矢印豊富。 ２）Free Arrow Brushes ダウンロードページ 手書き風の矢印の中では量が豊富なブラシなため、人気。 ３）U Rock Photoshop Brushes ダウンロードページ ロックな感じのブラシ集。 ４）Cute Rando
商用利用可能な女性アーティスト写真160枚をリリース｜写真素材の足成
無料素材配布サイト「足成」。 当ブログでもよく使っているサイトですが、このサイトがこのたび、女性アーティストユニット「SALBIA」の３人をモデルに、生活観のある女性の写真素材としてリリースいたしました。 これは必見ですね！ デビュープロモーション 2010 年10 月にシングル「GIFT」でデビューした女性R&B ユニット「SALBIA（サルビア）」とのコラボ企画を実現。デビュープロモーションの一環として、「SALBIA」メンバー三名の人物写真を、フリーの写真素材として配布を開始しました。 これ、実は結構すごい事で、今後もこうしたデビューにあわせて企画を合致させてくれると、どんどん写真素材が増えていくって言う寸法。 これは応援しないわけには行きませんね。 因みにこの足成。写真素材は、転売はもちろんダメですが、Web ページ制作やニュース記事のイメージカット、企画書等の様々な用途でクレジッ
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
完全無料40のベクター画像コレクションパック
40素材パックを見逃すな！ 以下。 40 Absolutely Free Vector Pack Collections 一つ一つが濃厚でクオリティの高いベクター画像集ページにつながっている。 たとえばそれは 人の姿をしたシルエットであったり。 様々な要所で使えるオブジェであったり。 きらびやかな装飾であったり。 iPodであったり。 綺麗なタグであったり。 様々なものが収録されていますので、興味を沸くものや、今後使えそうなもの、また、探していたものが見つかるかもしれません。一度はすべて目を通しておくのも良いかもしれませんね。 それでは、また。
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
フリーで使えるいい感じの手書き風フォント特集（日本語も）*ホームページを作る人のネタ帳
はじめに 基本原則として、個人、商用で使えるフォントもご紹介いたしますが、転売はしてはいけません。 フリーだからといって、作品を販売する事まで許可されているサイトは今回紹介する中にはありませんのでご注意を。 また、個人なら無償で使えると言うフォントもフリーという言葉でくくっております。 その場合、注意書きを全て書きましたが、この記事が古くなったときに、実は商用でも使えるようになってたり、もしくは、商用で使えなくなってたりと言う『利用規約の変更』が行われる場合も考えられます。 そのため、なるべく御自身の目でライセンスの確認をするようお願いいたします。 また、これらのフォントはphotoshop、及びillustratorを対象に作ったと言う方が多いです。 動作がうまくいかなかったり、不具合をおこしても、提供元、紹介元（私）は一切の責任を負いませんのであらかじめご了承願います。 英語＋フリーラ
『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル＆ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
