久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

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

個人的なブログの「＜チェック表＞WEBサービスを立ち上げるまでにやらなければならないこと」という記事にいまだにアクセスがあるのですが、だいぶ情報が古くなっていて、申し訳ないという気持ちで2013年版を書いてみました。制作以外にやらなければならない事のTODOリストとして使っていただければと思います（順不同）。 1) ドメイン サービス名が決定したら、ドメインが利用可能か調べます。優柔不断なあなたには、ドメインの取得をギリギリまで遅らせる事をおすすめします。途中で心変わりしてサイト名が変わったりしますからね。 2) サーバーのレンタル サービスを公開するサーバーを確保します。サーバーの種類はルート権限が使える、VPSかクラウドタイプがおすすめです。サーバーはネットなどで調べて安定しているものを選ぶといいでしょう。安いものなら月980円くらいからレンタルできます。 ちなみにこのサイトは、NTT

作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos

【保存版/Infographics】Facebookページ　タイムライン＆ニュースフィード　表示サイズ集（PC&モバイル） Facebookページのタイムラインと、個人ニュースフィード上の様々な画像サイズをインフォグラフィックにまとめました！ こんにちは、SMM Labの小川です。 サイズや表示形式の変更が多いFacebookタイムラインとニュースフィード。近いうちに、タイムラインが1カラム化するかも…？なんていう噂もありますが、今の時点でのFacebookページタイムラインと個人用ニュースフィード上の各種画像サイズを、改めてインフォグラフィックにまとめてみました！ Facebookページ　タイムライン上の表示サイズの把握ももちろん重要ですが、それよりもさらに重要なのが、ファンがいつもいる場所である「ニュースフィード」上でどう表示されるかを把握しておくこと。そしてPC上での表示のされ方だけ

2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」

珍しいタイプだし、普及して欲しいな、 という願いも込めて記事にします。デ ジタルコンテンツの販売に特化した、 ECサイトを構築できるWordPressのプラ グイン、Easy Digital Downloadsです。 こういうのも無料なのがWPのいい所。 まだ出来たばかりなので日本語ファイルもありませんが、多言語化は可能なので自分で作ってみようかと思いますが、その前に普及を願ってご紹介です。 デジタルコンテンツ・・今ならいろいろ思いつくのでは無いでしょうか。電子書籍やフォント、写真、アイコン、やWordPressのテーマなんかもそうですね。こういったデジタルコンテンツの販売に特化したECサイト用プラグインです。 軽く使用してみた感じなので何ともいえませんが、直感的には手軽に使えそうに感じました。 スクリーンショット プラグインを有効化すると、カスタム投稿タイプを追加したようにメニューに項目

3分しか時間がない人向け WordPress の管理画面を開く WP File Cache をインストールする MO Cache をインストールする 完了！設定の必要はありません もう少し時間がある人向け この記事は WordPress Advent Calendar 2011 の10日目の記事です。 今日は MO Cache という WordPress プラグインの紹介をしたいと思います。 先日初めて WordPress を使いサイトを作成したのですが、インストール直後からのあまりの遅さにびっくりし、そりゃあチューニング記事が人気になるよなぁなんて考えていました。しかし最近になって WordPress 3.3 Beta が出たためちょっと触ってみようかなと英語版をインストールしたところ、以前日本語版 3.2.1 をインストールした時よりも明らかに速いことに気づきました。 最初はバージョン

様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。 Less Framework 4 様々な端末に対応したフレームワークが多数まとめられていますが、今回はその中からいくつか気になったフレームワークをピックアップをして紹介したいと思います。 詳しくは以下 Foundation 12カラムで構成されたレスポンシブなフレームワーク。背景も端末に併せて縮小されます。 Skeleton 真っ更なレスポンシブなフレームワーク。 Amazium ブラウザサイズによってレイアウトが組み変わるレスポンシブフレー

Croppy（クロッピィ） - Webデザインや... / Webデザインポータルサイト S5-Style / Buamai他...全14件

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー

なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重ですね。 テンプレートそのものを使う予定は無いですけど、管理画面におけるUI構築は、見た目ではなく、利便性、ユーザービリティのみに焦点が当てられるのでこういうテンプレで学べることも割と多いです。贔屓するわけじゃ無いですけど、WordPressの管理画面は他のCMSやブログエンジンよりはるかに万人に分かりやすく使いやすいように出来ていてとても参考になる点が多いです。機能を意識せずとも使える、というのは秀逸なデザインであるともいえます。 画像だけじゃ全然利便性が伝わりませんがｗ　よく使われるUIが一式揃っている、という感じです。fluidレイアウトにも対応。modern

昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可能。 今まで知らずに損してましたｗこれ、有名なのかな・・・ Instant WordPressをUSBメモリやポータブルHDDなどにダウンロードして、自動セットアップするだけで、WordPressをローカル環境を構築、その環境ごとUSBフラッシュメモリで持ち運びも出来てしまいます。構築まで5分くらいで出来ましたよ。これは便利だなーって思いました。 WordPressを環境ごと持ち運び出来ます。覚えておくとかなり役に立つ気がします。 出先でクライアントさんと打ち合わせ中にWebに繋げなくても直接見せて動作確認することも出来るし、自宅のデスクトップでいつも作

WEBマガジンなどコンテンツの多いサイト構築の参考に！女性ファッション紙のWEBサイト集めました【51サイト】 前回の記事でセレクトショップ系のサイトを集めていて雑誌関係のサイトはどうかなとおもって女性誌を中心に集めてみました。 雑誌もショップ同様毎月発行などで頻繁にコンテンツが更新されるのでほとんどが内部運用になるのだとおもいますし、雑誌の目次的な使い方なのでどのサイトも基本のレイアウト構造は同じでした。 個人的には毎月更新するサイトとしては「VOGUE」のデザインが一番かっこいい感じがしました。あとは不定期ということで特設サイトみたいになっている「SWAKE」などもよかったです。あと宝島社って女性誌たくさんだしててTOPページは各雑誌毎にテイストが違っていてよかったです。 あと雑誌で使われている表紙の画像を大きく使っているサイトは見栄えも良く、情報系サイトなどコンテンツの多いサイトを作