タグ

web制作に関するindigoworksのブックマーク (227)

  • WordPressの実用的なプラグイン16選 - yuhei.kagaya

    ここ最近、WordPressをさわってました。 WordPressWordPress Pluginsでプラグインを探しては入れて試してみたり、入れたプラグインを参考に自分でつくってみたり。 WordPressはブログ以外にも、企業のサイトやWebマガジンなどに活用できると思うのですが、 その際良くある要件にガンガン応えられそうな実用的プラグインをまとめてみました。 cformII cforms II » delicious:days 日語ファイルはこちらのサイトより提供されています。 cforms II 日語翻訳ファイル | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go テキストボックスからラジオボタン、セレクトボックス、必須指定と、かなり自由なフォームを複数作ることができます。 お問い合わせフォームやアンケートフォームを作成する

    WordPressの実用的なプラグイン16選 - yuhei.kagaya
  • わずか四文字でIE6/7/8を区別するCSSハック | コリス

    「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。 <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>

  • IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ

    cssやプログラミングIE6でも動くjQuery 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな(適当)。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能(DD_belatedPNG.jsとか)なのでそこは抜きにして動作する事を条件に挙げています。主観入

    IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ
  • MdN Design|総合情報サイト

    ケータイサイト制作・運用からマーケティング活用まであらゆる情報を網羅! 今“ 知っておくべき”ケータイサイト制作事情 第1回 携帯端末向けWebサイト(ケータイサイト)は企業のコミュニケーション戦略の中で無視できない存在になってきた。そこで今回から制作者が「今、知っておくべきこと」を連載で伝えていきたい。第1回目は少し総論的になるが「企業と制作者、そしてユーザーがハッピーになる」という視点から制作のツボと最新情報をまとめてみよう。

    MdN Design|総合情報サイト
    indigoworks
    indigoworks 2010/03/29
    Flash出来ないヤツにはどうしろってんだ、、、
  • jQueryを使ってブログの読み込みを速くするAdSense最適化の方法 | AUTHORITY SITE

  • html5 ざっくりメモ

    html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません>< 日語が含まれる場合、title要素は charset の後(次)。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し

    html5 ざっくりメモ
    indigoworks
    indigoworks 2010/03/28
    参考にはなるんだけど、ソースを書いてくれないと信用できないな
  • WordPressなどのブログのコメント欄を拡張できる「Intense Debate」を導入してみた - WEBマーケティング ブログ

    読者からのコメントを重視するブロガーにとって、ブログのコメント機能を拡張するのはとても大切なこと。 しかし、その機能を拡張するには、様々な技術やスキルが必要だというのも事実です。 今回は、そんなブロガーの悩みを解消してくれる、手軽にできるコメント機能拡張サービスをご紹介します。 ※携帯サイト表示プラグイン「Ktai Style」との競合が発生したため、現在は利用しておりません。導入をご検討の方も、「Ktai Style」にエラーが発生することを念頭においてくださいますよう、お願いいたします。 1人で頑張っているウェブ担当者さま必見!業界トップに教えてもらえるチャンス 10枚とじタイプもある針のいらないホッチキス コクヨ ハリナックス ブログのコメント機能を拡張する「Intense Debate」 「IntenseDebate」は、ブログやサイトのコメント機能を拡張してくれるサービス。 複数

    WordPressなどのブログのコメント欄を拡張できる「Intense Debate」を導入してみた - WEBマーケティング ブログ
  • jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - WEB人

    jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 公開:2009年11月 4日 21:06, 更新:2009年11月 5日 08:01 トラックバック(0)  コメント(0)   最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇的にユーザビリティが向上します。 必要ファイルの準備 まずはjQueryのライブラリファイルを用意します。jQuery公式サイトに「Production (19KB, Minified and Gzi

  • WordPressの記事にサムネイルを表示する方法 - ミblog : レビューや日常など

    2009-01-09 WordPress プラグイン あけましておめでとうございます。今年もポツポツ更新していきます。今回はコメにてサムネイル表示の質問をいただいたので、このブログでのサムネイル表示方法とサムネイル関連のプラグインをご紹介します。 当ブログではカスタムフィールドでサムネイルを表示していますが、ソースはカスタムフィールドを拡張する 『Get Custom Field Values』 というプラグインを利用して記述しています。 Get Custom Field Valuesを使用しなくてもサムネイル表示は可能ですが、今回は当ブログの表示方法まんまをそのまま書かせていただきます。 この方法はWordPressを使い始めたばかりの時に、とあるブログさんを参考にさせてもらいました。紹介したかったのですが、URLはおろか名前も思い出せませんでした。スイマセン。 当ブログでのサムネイル表

  • WordPressサンプルテーマ04

  • マークアップ効率化 - zen-codingでコーディングを倍速に

    HTMLの記法について 基的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ

    マークアップ効率化 - zen-codingでコーディングを倍速に
  • 第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp

    こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください(間違いやすい、わかり難いと思われるところは適宜補足します⁠)⁠。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ

    第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
  • 携帯サイトのSEO対策とsitemap.xml(モバイルサイトマップ)登録 | 無料SEO対策のススメ

    携帯サイトのSEO対策については格的にやったことが無いので、深い知識は持ち合わせていないのですが、最低限やるべきことをまとめておきます。 こちらの方が情報が新しいので参考になると思います。 ⇒携帯サイト・モバイルサイトのSEO対策とアクセスアップ法まとめ 内部対策(SEOと集客アップ) 基的な内部SEOの考え方は、PCサイトも携帯サイトも同じですので、対策方法で何か迷った時は、PCサイトのSEO対を思い返してみましょう。 携帯サイトのユーザビリティに関してはWeb坦さんの記事が参考になります。⇒モバイルユーザビリティ改善のチェックポイント ファイルサイズは小さく 検索エンジンに携帯サイトであることを認識させる為に、ページサイズはなるべく小さくしてください。ただ、携帯サイトは基的にテキストベースとなるため、あまり気にしなくてもファイルサイズは自然と小さくなるでしょう。 DOCTYPE宣

  • Google Analyticsを導入したらやっておきたい簡単で便利な設定集 | ウェブ力学

    Google Analytics は無料ながらも非常に多機能なアクセス解析サービスです。ただ、多機能が故に使いこなせていないという面もあるでしょう。 何よりも設定が面倒なために、初期設定以外の機能を利用していないという人も多いのではないでしょうか? そこで今回は、Google Analytics で簡単に設定出来る上に便利な機能を4つ紹介します。どれも数分で設定出来るものばかりです。 1.自分のアクセスを除外する サイト開設時など、全体のアクセスが少ない状況においては、自分のアクセスがカウントされてしまうのが気になるという人も多いでしょう。まずは自分のアクセスを除外する方法を紹介します。 Google Analytics で自分のアクセスを除外する方法には大きく以下の3つがあります。 IPアドレスで除外する Cookieで除外する gif画像の読み込みを不許可設定にする これら3つの方法に

  • [CSS]商用サイトでもそのまま利用できるCSSのナビゲーション集

    Simple Horizontal CSS Drop-Down Menu Demo シンプルなドロップダウン。 対応ブラウザはIE5.x+, Fx1.5+, Op7+, Safari2+, Chromeとなっており、IE6以下用のみJavaScriptを使用して動作させています。 ライセンスはGPLとのことです。

  • 広告管理システム OpenX - オープンエックス phpadsnewsからOpenads、そしてOpenXへ 無料のバナー管理システム日本語化パッチ

    OpenX.JPは広告管理システムOpenXを紹介しているサイトです。オープンソースの広告管理ツール。 複数の広告を生成して管理します。 openXの最新版は、2.4.4です。 OpenX 家サイト http://www.openx.org/ 日語版パッケージのダウンロードはこちら OpenXはGPLライセンスで配布され、誰でも簡単に入手できる高機能なオープンソース広告配信システム(アドサーバ)です。 バナー、ボタン、ポップアップ、テキスト、動画広告などさまざまの種類、自由自在に広告を配信やトラッキングすることができ、また、キーワード、ドメイン指定、時刻別、多国言語対応、ブラウザ識別などの高機能を搭載しています。 デモサイト(英語) http://demo.openx.org/ Username: manager Password: demo マニュアル(英語) Quick start

  • 初心者のためのブログアクセスアップアドバイス:Geekなぺーじ

    最近、徐々にブログアクセスアップの方法を質問されることが増えてきました。 そういえば私はブログのアクセスアップそのものに関して、初心者向けに噛み砕いて書いた事が無かった気がしてきたので、一度文章にまとめてみようと思いました。 なお、これは私のオレオレ版であり、万人に共通する方法ではないと思うのでご注意下さい。 これを参考にして頂ければ嬉しいのですが、結局は各自が自分にマッチした方法を経験と共に身につけて行くしか無いのだろうと思います。 頑張って下さいね! 1. アクセスアップって何したいの? まず、最初に考えなければいけないと思うのが「そもそもアクセスアップが必要かどうか?」という点です。 ただ漠然と「多くの人が見てくれたらいいなぁ」という考えもあるとは思いますが、多くの人が見ると様々な不便さも生まれます。 例えば、読者数が増えて来ると「影響力があるんだから変な事は書くな」圧力が強まってき

    indigoworks
    indigoworks 2010/03/09
    至極真っ当なweb制作に対する考え方
  • WPのパフォーマンスを改善してみようか | gaspanik weblog

    のWeb業界でもそろそろサイトの表示パフォーマンスをどうにかしなきゃなぁ…と考えている方もいらっしゃることでしょう(ごく一部かもしれませんが 笑)。いわゆる普通のWebサイトの表示パフォーマンスの改善については、ここでも年末から数回にわたって取り上げています。 Webサイトの高速化的な話をWD誌でYSlow!、使ってわかるあんなことこんなことPage Speedでチェックついでに最適化Page Speedが1.6βになったようでここのエントリーに挙げた以外に、ちょっと前にゲリラ的にUSTREAMでくっちゃべってみたところ反響も大きかったようです(最初の回は特に他のどこ探してもないことも言いましたしね、フフフ)。 で、今回はこのブログでも使っているWordPressのパフォーマンスをアップさせるためにできることをいくつか紹介したいと思います。「できる」「できない」は設置されている環境で異

    WPのパフォーマンスを改善してみようか | gaspanik weblog
  • 直帰率を下げるには? ユーザーが直帰する4つの理由 | ウェブ力学

    自分のサイトの直帰率が気になって、直帰率を下げたいと考えている人は多いのではないでしょうか? そこで直帰率を下げる方法を単刀直入に説明したいところですが、その前にまずユーザーが直帰する理由を知る必要があります。直帰率と一口に言っても直帰する理由はユーザーごとに異なり、対応策もその理由によって異なるからです。極端な話、直帰率が高くても問題が無いケースだってあります。 ここでは、ユーザーが直帰する理由を4つに分類して対応策をまとめてみました。あなたのサイトの直帰率が高い原因はどれに当てはまるかチェックしてみてください。 反射的に「違う!」と判断される そのページを訪れたユーザーが内容をほとんど見ずに、反射的に直帰してしまうことがあります。こういった滞在時間の短い直帰はコンテンツの内容以前の問題であり、早急に改善する必要があります。 原因としては、「デザインが極端に稚拙」、「レイアウトがブラウザ

  • デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ

    実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間にわれてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどんわれていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して

    デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ