このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし
マガンダング ハーポン!最近エンジニアに転職したひろゆきです。 詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ!!」を読んでください。 今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です! WordPress関連(プラグインの検索、関数の解説など) ■WORDPRESS.ORG 日本語 http://ja.wordpress.org/ WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。 ■WORDPRES.ORG 英語 http://codex.wordpress.org/ WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。 ■WORDPR
タブレットがあればPCやキーボードがなくても指1本の直感的な操作でデザインの選択から記事の投稿まで行えるホームページ作成アプリが「ロリポタッチ」です。文字や写真だけではなくYouTube動画や地図までサクサクっと埋め込めるようになっており、シンプルかつデザイン性の高いホームページを誰でも簡単に作れるようになっているということで、どんな感じなのか、実際に使ってみました。 ロリポタッチ - ブログより簡単。写真や動画や地図のレイアウトも自由自在な、指先だけで作るホームページ作成アプリ。 http://lolipotouch.com/ まずはアプリをApp StoreからiPadにインストール。 アプリを起動します。 起動後、画面右下にある「サインアップ」をタップ。 メールアドレスとパスワードを入力して「さあ、始めよう」をタップします。 しばらく待つと以下のような画面が現れます。メールアドレスと
ゲッティ イメージズ ジャパンは3月6日、非商用目的に限り、無料でWebサイトやブログ、TwitterやFacebookなどのSNSの投稿に埋め込める新サービス「画像埋め込み機能」の提供を開始したと発表した。 米Getty Imagesは画像、動画、音楽を含むデジタルコンテンツを世界100カ国以上で提供する世界最大級のデジタルコンテンツ企業。高品質のコンテンツを主にクリエーターやメディア企業を対象に有償で提供している。 画像埋め込み機能は、ユーザー登録の必要なく誰でも利用できる。埋め込んだ画像をクリックするとゲッティ イメージズのWebサイトに飛ぶようになっている。非商用目的で多くのユーザーがコンテンツをシェアすることで商用目的の画像を探すユーザーの目に留まり、ライセンス収入の機会を増加させるのが目的という。 この機能を利用するには、www.gettyimages.co.jpの「検索結果ペ
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方|WEB Drawerをご覧下さい。 Gruntで何が
・普段どんなサイトを見てますか? 最近、ブログで、Gunosyなりvingowの話題をよくしてる。 でもこういうWebサービスって知らない人はまったく知らないよね。 それで1度まとめておくのもいいかなって思って今回の記事を書く。 有名なWebサービスばかりだから全部知ってる人は知ってると思うけど、 自分がブログを書く上でこういうWebサイトを使ってるって言うのは、 ブログを始めた初心者さんが見たときにもいいと思うからね。 それにタイトルに書いてあるとおりで、 紹介するサイトはすべて自分が使ってるサイト。 手の内を暴露する感じなので、 ブログをやってる人は参考になると思うよ。 ・ブログに役立つおすすめサイト [No.1] Gunosy(グノシー) ・Gunosy。 Gunosyは独自のアルゴリズムで自分に合ったサイトを毎日紹介してくれるよ。 使っていて情報が合わない日もあれば、 ほしかった情
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない!上手くなるにはどうすればいいの?など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
作成:2013/12/24 更新:2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること 1.リファレンス スクリプトの書き方/基礎知識 2.スクリプトの記述 3.文字列/特殊文字 4.演算子 5.オブジェクト 6.プロトタイプ 7.イベント 8.変数 9.if文 10.配列 11.連想配列 12.正規表現 13.デバッグ できること 1.リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー&ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
オンラインストレージサービスであるDropboxのフォルダを自分のホームページとして使用できるサービスが「Site44」です。Dropboxのアカウントを持っていれば簡単にWebサイトの作成ができます。 Webサイトの作成方法については以下から。 site44 - absurdly simple web hosting http://www.site44.com/ 上記サイトにある「Sign in with Dropbox to get started ≫」をクリック。 Dropboxのアカウントにひも付いているメールアドレスとパスワードを入力して、「サインイン」をクリック。 「許可」をクリック。 以下のページが表示されたら、Webサイトを作成するので、「Create a new website ≫」をクリック。 Webサイトのドメイン名を設定するので、「.site44.com」の前に入れ
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). (意訳:バグを報告するとき
自分のウェブサイトを作って公開するにはサーバーが必要ですが、自分で構築するのはかなり面倒ですし、レンタルすればお金がかかります。しかし、Dropboxのアカウントを持っていればクリックからたった数秒でDropbox上にウェブサイトを作成できて公開できるのが「Small Victories」です。実際にどれくらい簡単に作れるのか試してみました。 Small Victories http://smallvictori.es/ まずはSmall Victoriesのサイト中段にある「Connect to your Dropbox!」をクリック すると連携認証画面になるので「許可」をクリック こんなページに飛ばされます。 自分のDropboxページに戻ってみると「アプリ」というフォルダが作成されているのでこれをクリック 「smallvictori.es」というフォルダをクリック すると中には画像フ
作成:2013/07/22 更新:2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「0」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
インナーのタンクトップにまでこだわる男。フレッシュです。 さて、本題に。 ブログやサイトの見た目をいじる方は避けて通れないCSSです。 できれば後々の管理を楽にするためにちゃんと書きたいところですが、なんだかんだ動けばいいやの精神で雑に書いてしまうのです。僕は。 とはいえ、直接CSSを覗かれた時に「ははーん、雑!」とか言われないため(そんなシチュエーションはまあないけどな!)に、簡単にどうにかする便利なサービスがありますので、ご紹介を。 見えないところにも気を配りたいものですね。後々のいらいらを減らすことは、すなわち効率に関わるのです。だろ?未来の俺! はい、という訳で。 #header { background: #8bcdba; border-bottom: none; padding:0; margin: 0; } #header .header-wrap { background:
3連休の間にチェックしておきたい、アプリのマーケティングツールまとめ30選(だいたい無料)。アプリのマーケティングツールやサービスをざっと30個ほど載せてみました。 やりだしたら結構な数になったので、2回に分けてお送りします。 今回は、リリース前や直後に使いそうなものを紹介。 ▶市場分析 ・AppAnnie:全世界のアプリのランキング推移。 ・Distimo:全世界のアプリのDL数と売上データ。 ・Xyo:各アプリのざっくりとした総DL数。課金がないアプリの方が正確。 ・apptrace:AppAnnieと基本同じ。ちょっと見やすい。 ・Google’s Keywords Tools:検索ボリュームをチェック。 ・Google トレンド:今日の急上昇ワード。江角さん46歳ってまじすか。 ▶モックアップ/プロトタイプ ・FLINTO:画像だけでプロトタイプを作成。画像をリンクできる。 ・PO
作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く