saga24keyのブックマーク (100)

  • 「焼肉 三十八」のリニューアルをしました!

    2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記6点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成(コンテンツは一緒) ブログ・口コミ掲示板は削除 IE6は非対応でOK(ありがとうございます!!!) 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや

    「焼肉 三十八」のリニューアルをしました!
    saga24key
    saga24key 2011/11/12
    webサイトの作り方。
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    saga24key
    saga24key 2011/11/11
    css3 見た目を作ったら、はい、コード化
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    saga24key
    saga24key 2011/11/09
    css
  • Google 広告 - 新規顧客の獲得、売上増加に活きるデジタル広告

    この特典の利用規約: 特典は予定提供数に達し次第終了します。 特典の対象者は、Google 広告の新規広告主様で、請求先住所が日国内にあるお客様に限られます。プロモーションの特典はお 1 人につき 1 回のみご利用いただけます。 この特典のご利用手順: この特典に関連付けられたボタンかリンクをクリックすると、アカウントにプロモーションの特典が自動的に適用されます。プロモーションの特典は、初めて作成した Google 広告アカウントで最初の広告インプレッションが発生してから 14 日以内に適用される必要があります。 プロモーションの特典がアカウントに適用されるのは、最初の登録プロセスで、お支払いプロファイルと有効なお支払い方法を追加いただいた場合のみです。 Google 広告クレジットの獲得方法: プロモーションの特典が Google 広告アカウントに適用されてから 60 日以内に、キャン

    Google 広告 - 新規顧客の獲得、売上増加に活きるデジタル広告
    saga24key
    saga24key 2011/11/08
    google adwords
  • WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました

    WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字(半角)以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの

    WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
    saga24key
    saga24key 2011/11/07
    seoシート「
  • SEO対策ツールまとめ[to-R]

    SEO対策ツールまとめ よく使うSEO対策ツールのまとめ。 他にもいっぱいあると思うけど個人的に愛用しているもののみピックアップ。 キーワードアドバイスツールプラス Yahoo!JAPANでキーワードが何回検索されたか調べるツール(2007年4月時点のデータ) キーワード出現頻度解析 そのページにおけるキーワードの比率を計算できるツール。 検索エンジンランキングチェッカー 検索エンジンでの順位をチェックできるツール。 何がすごいかって言うと検索結果が記録されていきます。 Google, YST キーワードチェックツール GoogleとYSTの辞書にキーワードがどのように登録されているかチェックするツール。 XML Sitemap Generator Google sitemapを自動で作ってくれるツール Statsaholic 今までのAlexaの順位遷移を比較できるツール robots.

    SEO対策ツールまとめ[to-R]
    saga24key
    saga24key 2011/11/07
    seo対策ツール
  • ドコモ光GMOの評判の悪さとデメリットを完全解剖

    スマホとのセット割などで人気のドコモ光は、プロバイダが選べるのが特徴です。 今回は数あるプロバイダの中でも特に人気のあるGMOについて、 GMOでドコモ光を登録した人の口コミと評判 GMOをプロバイダに選ぶメリットとデメリット 新規登録方法 などを詳しく解説していきたいと思います。 これからドコモ光を契約する人で、プロバイダ選びに悩んでいる人はぜひチェックしてみてくださいね。 ドコモ光GMOについては以下からどうぞ。 GMOドコモ光公式サイトはこちら【無料】 同じGMOでもwimaxであれば更に安く利用する事も可能です。 GMOとくとくBB公式サイトはこちら【無料】 光回線おすすめ安い比較ランキング。プロバイダ戸建てマンション ドコモ光のプロバイダGMOのガチ口コミと評判を大解析! まずは、ドコモ光のプロバイダGMOを実際に利用した評判を見てみましょう。 「キャンペーンでお得に使えた!」A

    saga24key
    saga24key 2011/11/07
    スマホサイト
  • PHPスクリプト講座:Home -- そふぃのphp入門

    saga24key
    saga24key 2011/11/05
    PHP簡単講座
  • FacebookのコメントをGoogleがインデックスし始めた

    [レベル:上級] Javascriptによって外部サイトに表示されているFacebookのコメントをGoogleがインデックスし、そのサイトのコンテンツとして検索結果に表示し始めていることを、Digital Inspiration が発見しました。 Facebookが提供するコメントプラグインを利用すると、Facebookへの投稿とあなたのサイトへのコメントを連携させることができます。 あなたのブログに書き込まれたコメントがそのコメントを書き込んだユーザーのFacebookにも反映されます。 反対に、Facebookであなたのブログ記事についてコメントするとそのコメントはあなたブログのコメント欄にも現れます。 完全に双方向になっているわけですね。 だだしコメントとして書き込まれたテキストはあなたのサイトに存在しているわけではありません。 HTMLの中にコメント文がテキストとして存在するわけ

    FacebookのコメントをGoogleがインデックスし始めた
    saga24key
    saga24key 2011/11/03
    seo
  • [CSS]サイズが分からない要素を真ん中に配置するテクニック

    width, heightのサイズが分からない要素を天地左右の真ん中に配置するスタイルシートのテクニックを紹介します。 Centering in the Unknown [ad#ad-2] 下記は各ポイントを意訳したものです。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ 要素のサイズが分かっている場合 「真ん中に配置するエレメント」と「その親エレメント」両方の高さと幅のサイズが分かっているのであれば、エレメントを真ん中に置くのは簡単です。 「真ん中に配置するエレメント」を「position: fixed;」にし、topとleftを50%、marginのtopとleftをエレメントの半分のサイズでネガティブマージンで配置します。 CSS .centered { position: fixed; top: 50%; left: 50%; margin-t

    saga24key
    saga24key 2011/11/02
    中央に配置する
  • WEBデザインが参考になるECサイト / みんなで作るWEBデザインのリンク集

    ECサイト | みんなで作るWEBデザインのリンク集 みんなで作るWEBデザインのリンク集ではさまざまな参考になるデザインのサイトを募集しています。サイトの登録よりあなたのおすすめのサイトをご紹介下さい。内容によっては削除させていただくことがありますが、登録は自動登録になります。また、相互リンクしていただけるサイトも募集しています。 ECサイト | みんなで作るWEBデザインのリンク集 ECサイト | みんなで作るWEBデザインのリンク集では参考になるデザインを紹介しています。 下のリンク登録フォームよりみなさんのおすすめのWEBデザインのサイトをご紹介下さい。

    saga24key
    saga24key 2011/11/01
    ecサイトの見本例
  • 効果的なミニマルデザインと退屈なデザインの境界線

    効果的なミニマルデザインと退屈なデザインの境界線ミニマルデザインを考えるときによく使われる言葉「Less is more(少ない事は効果的だ)」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore(少ない事は退屈だ)」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ミニマルデザインとはそもそもミニマルデザインとはなんなんでしょう?Wikipediaを見ると ミニマル・デザイン(Minimal Design)は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいのかわからないデザインになってしまいます。それを避けるため

    効果的なミニマルデザインと退屈なデザインの境界線
    saga24key
    saga24key 2011/11/01
    シンプルなデザイン
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

    saga24key
    saga24key 2011/10/31
    携帯サイト デザイン
  • Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個

    artless Inc. / mount inc. / standardimage他...全60件

    Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
    saga24key
    saga24key 2011/10/28
    webデザイナー デザイン 余白 美しい
  • WordPressの更新マニュアルを電子書籍で公開・配布します

    WordPressでWEBサイトを構築することは今や当たり前のように行われていますが、納品後に「誰が更新するか」によって、作りやフォロー具合も変わってきますよね。 WEB制作者にとってお客様が満足に更新を出来るまでサポートすることは、大変重要なことだと思います。 WordPressblogに素人の人でも、よりスムーズに導入できるよう最初にフォローやサポートを行う時、マニュアルが必要になる場合があります。 WordPressは構築内容によってカスタマイズが出来るので、全てを網羅したマニュアルはどうしても都度作成となってしまうけど、基的な概念や操作については、まとめてみたら何かと有益じゃないかと思って作りました。 WEB上でも公開されているものも幾つかありますが、より簡潔にやさしい内容にしました。 そしてついでなので、電子書籍でスマートフォンに入れておけるようにもできるかな? WordPr

    saga24key
    saga24key 2011/10/28
    wordpress 更新マニュアル
  • 写真素材 [フォトライブラリー]

    写真素材 イラスト フォトライブラリー 写真素材・イラスト素材・動画を高品質、低価格で。15万枚の画像を無料でダウンロード。クリエイターは画像を販売できます。 WEB 出版 動画 TV スマホアプリ CMに利用できるストックフォトです。クレジットの必要なし、期限なく利用できます。 紅葉 クリスマス 世界遺産 料理 電車 家族 女性が人気

    saga24key
    saga24key 2011/10/27
    写真 素材 有料無料もある。
  • フリー写真素材 :: Free.Stocker【無料・商用可・著作権表示不要】

    このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。

    saga24key
    saga24key 2011/10/27
    写真サイト free フリー
  • Yahoo! JAPAN

    Yahoo! JAPANトップページの機能を正しくご利用いただくには、下記の環境が必要です。パソコンでご利用のお客様 Windows:Edge 最新版 / Chrome 最新版 / Firefox 最新版 macOS:Safari 15.0以上タブレットでご利用のお客様 iOS 15.0以降、または、Android5.0以降のOSに標準搭載されたブラウザー ※日国内版として発売されている端末でご利用ください。

    Yahoo! JAPAN
    saga24key
    saga24key 2011/10/27
    yahoo