5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする
英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい！ | 初代編集長ブログ―安田英久
今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス（GDS）」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府（gov.uk）のサイトには、「デザイン原則（Design Principles）」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。本当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや
html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい｜今村だけがよくわかるブログ
【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい 既存のホームページの改修に合わせて、WordPressで作りなおすケースは私はよくあります。 「ちょっとこのHPいい感じにしてよ、たのむよ」「とにかく自分たちで更新したい。WordPressって言葉たまに聞くけど、今のサイトをそれにリニューアルできるかな」みたいな相談が多いです。 で、そんな時私は、WordPressを専用ディレクトリに配置して既存（リニューアル前）のファイルを残しつつ、すっきりとWordPressファイル群を１つのフォルダ内にまとめてインストール。後に移行、一般公開。おおまかですが以上の流れをとる場合があります。（場合がある、という表現をしたのは、既存のサーバ環境やディレクトリ構成、その他諸々の要件を検討した結果、一案として採用して
あっという間に取れる！ワイシャツの黄ばみを真っ白にする２つの裏技
これから夏の暑い季節になってくるとワイシャツの黄ばみや黒ずみが気になってきませんか？そして、何度洗濯しても思ったように落ちずに、少しイライラしてしまいますよね。 もしかしたら、あなたは黄ばみのついたワイシャツもいつも通りに洗濯機に放り込んでしまってはいませんか？ 実は、ワイシャツの黄ばみは何度普通の洗い方をしたところで落とすことはできません。そこで、本日はワイシャツの黄ばみを落とすための裏技をご紹介します。ぜひ参考にしてください！ １．まずはワイシャツの黄ばみの原因を知ろう ワイシャツの襟や袖口の部分が汚れていく時は、最初に「黄ばみ」の状態になります。そして、黄ばみを放置していると「黒ずみ」になってしまいます。黄ばみと黒ずみの違いは下記の通りです。 黄ばみ：人間の皮脂が原因でできる汚れ 黒ずみ：皮脂の上にホコリなどの汚れがたまっている状態 そう、ワイシャツの「黄ばみ」の原因は人間の皮脂なの
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼るカスタムフィールドで管理するz-indexが自動で効くようにしてあげるレスポンシブWebデザインに対応させるYoutubeのサムネイルを取得する管理画面で固定の動画を管理するショートコードで動画一覧をドバッと出せるプラグイン・TubePressショートコードで動画を貼るショートコードでYout
メインマシンをWindowsからMacにした時に教えてもらった「Macではこれできないの？」→「できるよ」Tips
2011年7月にMacBook Airを購入して約1年半。 職場でもメインPCをWindowsからMacにして頂けたこともあって 段々と扱いに慣れてきた霙(@xxmiz0rexx)です。 今回はそんな私の「Windowsでできたアレ、Macではできないの？？」 という購入当初の疑問とその答えをまとめます。 まだMacに慣れていない人、もしくはこれから購入を考えている人はチェックしてみてください！ 1.保存しますか？「はい」「いいえ」をキーボードで WindowsではYとNでできたアレ。Macではどちらのキーを押してもうんともすんとも言いません。 おまけにタブキーを押しても無反応。 解決法 Macにもショートカットキーがありました！ 保存しない→⌘D キャンセル→esc 保存する→return これずっと悩んでいたので解決した時のスッキリ感がやばかったｗ 例えるなら「スゲーッ 爽やかな気分だ
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
【Macの基本操作、日本語入力、Tips編】Windows→Macでやったことまとめ。 | AppBank
MacBook を手に入れてからまずやったことはそう、基本的な設定や、macの使い方、日本語入力法など Windowsとの大きな違いを感じる部分ですよね。 逆にここさえ押さえてしまえば、Windows も Mac も操作方法はあまり変わらないよね。と言えるようになります。ここさえ押さえればあなたの快適マッキントッシュライフはすぐそこですよ！ 参考：amazon リンク APPLE MacBook 2.26GHz 13.3インチ 250GB MC207J/A 初期設定など（Windows → Mac 移行組） 帰ってきてから普通にMacBook起動。ユーザー登録など。 マジックマウスは電池が入ってたから電池を入れる。で、マウスの裏にある電源を入れると勝手に認識。システム環境設定＞マウスでいろいろ設定。早い早い。(参考：Apple マジックマウスこと Magic Mouse の設定の解説(Ex
Mac Finderのキーボードショートカットまとめ（92種類） / Inforati
Finderのキーボードショートカットのまとめです。 キーボードショートカットを早見表にしてみました。 MacのFinderのキーボードショートカットまとめ Finderのキーボードショートカットをまとめてみました。ほとんどのキーボードショートカットは網羅しているはずです。 なお、キーボードショートカットはMac OS X 10.6 Snow Leopardで確認しました。 Finderのキーボードショートカット早見表 移動やファイルを操作 表示形式の切り替え ファイル削除やゴミ箱を空にする 「Command」＋ X のショートカット 「Shift」＋「Command」＋ X のショートカット 「Control」＋「Command」＋ X のショートカット 「Option」＋「Command」＋ X のショートカット 「Option」＋「Shift」＋「Command」＋ X のショートカ
Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー – 和洋風KAI
みなさんこんにちは！ショートカットキー大好き！するぷ（ @isloop ）です。 最近、スーパープログラマー@akio0911さんと一緒に作業させてもらってるんですが、ふと@akio0911さんのキーボード捌きを見るとなんか独特なので、「一体これはなにをしてるんですか!?」と聞いてみたところ、「Controlキーのショートカットキーを駆使して文字入力してるんです。これ覚えると便利ですよー」と。 試しにやってみたらこれは感動! むちゃくちゃサクサク文字入力がすすむじゃないっすか! というわけで、今回は@akio0911さんオススメのMacの作業効率を恐ろしくあげるControlキーを使った7つのショートカットキーをご紹介したいと思います! カーソルを上げ下げするControl ショートカットキー。 カーソル移動はカーソルキーを使うのが常識ですが、実は以下のショートカットキーを使っても移動でき
知らない人は損してると思うMacの使い方 Ctrl+2 - スチーム速報 ＶＩＰ
スチーム速報 ＶＩＰ あの夏の日、僕たちは輝いていた。
Macでの作業効率アップ！「初心者」が覚えておくべきMacショートカットまとめ｜男子ハック
Mac小技・裏技・初心者Macのショートカット・作業効率化Macでの作業効率アップ！「初心者」が覚えておくべきMacショートカットまとめ2017年5月15日1 @JUNP_Nです。Macでの作業効率をあげるためには「ショートカット」を覚えることが一番の近道。Macを使う上で、"初心者向け"の基本的なショートカットをまとめてご紹介。これで仕事が2倍速になるかも!? Macに限ったことではありませんが、パソコンの初心者と中級者をわける1つのポイントに「"ショートカット"を使いこなせるか」という点があります。 いちいちマウス(トラックパッド)を操作して、メニューを選択〜、右クリック〜、といった操作をしているよりも、キーボードからショートカット1発でサッと済ませられることがたくさんあります。 この記事では、"Macを使い始めたばかり"という超初心者の方が覚えておくと仕事が捗るショートカットをご紹介
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
Facebookページのファンの反応を大きく高めるパワフルな10の方法
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Facebookページでファンとコミュニケーションを取ることによって、企業と顧客との結びつきを強めることができる。 そして、結びつきが強まることによって、その企業に対する信頼性や安心感が上がる。 そして、信頼性や安心感が上がると間接的に、あらゆるWEBマーケティング施策のコンバージョンを高めることができる。 しかし、実際にFacebookページを運用してみると、ファンの反応が思ったより少なく戸惑ってしまう。そこで、本日は、アメリカの著名なマーケター、Jeff Bullasの” 10 Powerful Tips to Increase Fan Engagement on Facebook “「Facebookページのファンの反応を大きく高め
Iphooone
3M architectural finishes are decorative surfaces that can be applied virtually anywhere and offer hundreds of different design choices. Because…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
room 402 Inc.
AppBank
Mac初心者にオススメしたいMac購入後すぐにやっておくべき26の設定 - iTea3.0
