タグ

Web制作とweb制作に関するugnewsのブックマーク (130)

  • フォームの設置方法-フォームズ

    ここでは、作成したメールフォームの設置方法を説明します。 メールフォームの設置方法は、大きく分けると2通りあります。 ページ内に埋め込む方法 問合せや資料請求などの簡単なフォームに適しています。ページの一部として表示されるので、見た目ではレンタルフォームであることが分かりません。フォームの大きさを意識して、設置する必要があります。 リンクをクリックして別ウィンドで開く方法 アンケートなど比較的入力項目の多いフォームに適しています。フォームの大きさを意識する必要はないので、設置は簡単です。

    フォームの設置方法-フォームズ
  • 国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net

    Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

  • 写真を使用してデザインをするためのベストプラクティス

    写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

  • https://footballpanthershops.com/

    Liebe Besucher von FootballPantherShops.com, Wir möchten Sie darüber informieren, dass die Webseite FootballPantherShops.com nicht mehr weitergeführt wird. Diese Entscheidung wurde getroffen, um Ihnen eine noch bessere Nutzererfahrung zu bieten und Sie auf neue, spannende Inhalte aufmerksam zu machen. Während die Seite nicht mehr aktiv ist, empfehlen wir Ihnen zwei hervorragende Alternativen, die

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 見出しデザイン.com -Webデザインの“見出し”を集めたサイト-

    TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先:manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

    見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
  • Photoshop VIP 背景デザインに便利な継ぎ目のないパターン素材、2000枚あつめました。

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop VIP 背景デザインに便利な継ぎ目のないパターン素材、2000枚あつめました。
  • 初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素 - 山田井ユウキ - builder by ZDNet Japan

    builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 普段からブログを色々と渡り歩いているのですが、そんな中で「初めてブログを訪問したときにこれがあると嬉しいな」と思う要素を今回まとめてみようかなと思います。全部で10個あります。 1.過去に人気のあった記事の一覧 個人的に一番ほしいのがこれ。 過去の人気記事をサイドバーやヘッダーに出しておいてくれると、初めてブログを訪問したときに何を読めばいいのかわかりやすいので助かります。 これがないとそのときの最新記事を読むしかないのですが、それでブログの印象が決まるのが不意だという場合もあるでしょうし。 何でも初見が重要ですので、まず一番美味しいところを教えてほしいなと思います。 自分で人気記事一覧を作るのが面倒なら、はてなブックマークのウィジェットを貼り付けておくと便利です。 2.ブロガーのある程度詳細なプロフィール いわゆ

  • バナーを大量に作ることでクリック率(CTR)が4倍以上になります!|ホットココア社長日記

    2chまとめブログの売り上げを最大化させる黄金の法則をまとめてみたでも書いたとおり、メディアにおいての売り上げの法則は、 「インプレッション × CTR × CVR × 単価 × リピート率」 と、書きましたが、「成果報酬」の商材を扱っている場合は、 インプレッションやCVR、単価と言ったモノはすぐには上がりません。 インプレッション数は自社サイトのアクセス数を上げればいいですが、 CVRや単価と言ったモノは他社サイトで成約が行われることですので あまりこちらで劇的に数値を上げたりすることは難しいです。 ただ、「CTR(クリック率)」はちょっとした工夫で すぐに上げる事ができるので、今回はその方法を紹介します。 さぁ、どれが1番クリック率が高いでしょうか?まずは、下記のバナーを見てもらいたいです。 非モテSNSのバナーをデザイナーさんに沢山作ってもらいました。 そして

  • Google AJAX Feed API入門

    他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント

  • 早速Google AJAX Feed APIを導入してみました

    Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ~グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ~グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など

    早速Google AJAX Feed APIを導入してみました
  • 22のレイアウトが収まったCSSフレームワーク「PrimaryCSS」:phpspot開発日誌

    PrimaryCSS 22のレイアウトが収まったCSSフレームワーク「PrimaryCSS」。 単体のCSSで予め用意されている22のレイアウトを簡単に実装できるものです。 レイアウトの種類は沢山あります。幅は固定されているので好みに応じて一括置換すればよいでしょう。 サイト上でHTMLコードの発行もできるので、サクッと複雑な段組レイアウトを作成したいような場合に便利そうです。 関連エントリ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 使えるCSSレイアウトテンプレート集「mycelly.com」 レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集

  • アフィリエイター必見!クリックしたくなるバナーボタンの色は? | セミリタラボ

    知っていましたか?バナーの色の違いでクリック率が大幅に変わるのをご存知でしたか?ある実験結果がありますので、ご紹介しようと思います。 こんにちは、マメボーです。 今日は、おそらくアフィリエイターさん必見ですよ! アフィリエイターさんは報酬を得るため 商品を検証してレビューを書いて、販売ページに誘導するです。 ですが、 せっかく検証して、良いレビューを書いても、 販売ページに誘導できなくては、まったく意味が無いですよね。 そのためにいろいろ工夫していると思います。 みなさんはどのような工夫をしていますか? 一番思いつく方法としては、 目立たせる! ですよね。 こんな感じですか? ↓↓↓ 「そう、そう、それ!」 って思われた方は、 実は非常に損をしているかも知れませんよ。 もっともクリックされやすいバナーボタンの色は これは、2009年にMozillaのFirefoxがある実験を行った結果です

    アフィリエイター必見!クリックしたくなるバナーボタンの色は? | セミリタラボ
  • PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌

    PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。1ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ

  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
  • スレッヂウム! - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 前に進み続けてる人は当にすごいね。僕もそうでありたい 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 50 Free Responsive HTML5 Web Templates

    If you need a new website or want to give your current site a modern update, this collection of 50 free responsive web and HTML templates is an excellent place to start. These templates are easy to use and fully customizable, making it simple to create a professional-looking website without breaking the bank. With a responsive design, your website will look great on any device, from desktop comput

    50 Free Responsive HTML5 Web Templates
    ugnews
    ugnews 2010/08/05
    XHTML/CSSテンプレート40種。
  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト