タグ

WEBに関するkamomewa_kamomeのブックマーク (111)

  • ユーザビリティの高いフッタデザイン15選『Geek Trends: 15 Footers with great usability』 – creamu

    Design ユーザビリティの高いフッタデザイン15選『Geek Trends: 15 Footers with great usability』 フッタのデザインがしたい。 そんなあなたにおすすめなのが、『Geek Trends: 15 Footers with great usability』。ユーザビリティの高いフッタデザイン15選だ。 以下にご紹介。 » Department of Spanish and Portuguese » Biola University » Designer Wall » Far from fearless ↑のキャプチャはこのサイト » Generation Church » Giga OM » John Chow » Pop Sugar » Powazek » PR Blogger » Problogger » Read Write Web » Si

  • MT3からMT4バージョンアップ(データ移行)ブログ記事エクスポート/インポートで大切なこと - practice input output

    いやいやこちらのブログMT3.3からMT4.0へのバージョンアップに失敗しました - CNET Venture Viewと同じくして、MT3からMT4.1へのブログの移行が失敗しました。 今回の失敗は、MT3.4で生成したページのアドレス(MTEntryBasename)がしっかりと引き継いでくれていなかったこと。これじゃ今までのリンクがすべて切れてしまう。また、データ上でインポートはうまくいったんだけど、ページが重複(異なるアドレスで生成される)といったことが起きてしまいました。 そんなわけで、これからMT3からMT4.1へアップデートする方に気をつけておくべきことを書いておきます。 MT3.xからのデータエクスポート データのバックアップを取ることをバージョンアップした方々がその方法を書いていてくれていますが、大切なことが抜けている。 システムをアップデートする前に、以下のエントリーで

  • 直帰率を下げるには? ユーザーが直帰する4つの理由 | ウェブ力学

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

  • webデザイナーのためのjQueryベストプラグイン&チュートリアル10個

    かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります

    webデザイナーのためのjQueryベストプラグイン&チュートリアル10個
  • 無料で使えるSEOやホームページ制作に役立つツールまとめ | パシのSEOブログ

    SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSSJavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日

  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • フッタをブラウザ下部に固定配置するCSSテクニック – creamu

    フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか? cleanstickyfooter 今日もいい天気ですね〜。タス

  • 全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」 - Feel Like A Fallinstar

    ”Don't Make Me Think” 訳すと、「いちいち私に考えさせるな!ボケ!」といったところでしょうか。 これは、2001年にSteve Krugが出した書籍の名前なのですが、この「ユーザにいちいち考えさせない」ことを忘れているか、いないかがソフトウェア・Webサイトの勝負を分ける最も大きな分岐点の1つです。 人間は日々の生活の中で、いちいち物を操作したり情報を見るたびにあれこれ考えたくなんてありません。 ユーザをつまらない操作やナビゲーションで考えされればさせるほどストレスは増大し、企業への信用は急激に失われます。 今日は、この”Don't Make Me Think”について、 如何にユーザが考えることを嫌うか 「考えさせない」とはどういうことか を、これまで見てきたユーザ検証の結果なども交えて、少しばかり書いてみようと思います。 あらゆる「無駄な」思考が、ユーザを苛立たせ、

  • Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな

    Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0(2.0.0.18) Firefox 3.0(3.0.13) Firefox 3.05(3.5.3) Internet Explorer 6.0(6.0.3790.3959) Internet Explorer 7.0(7.0.5730) Internet Explorer 8.0(8.0.6001.18702) Chrome 3.0(3.0.195.27) Mac OS X Safari 3.0(3.2.3) Safari 4.0(4.0.3) Firefox 2.0(2.0.0.18) Firefo

    Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな
  • PHPで動画のストリーミングサーバを作れるフレームワーク「xmoovStream」:phpspot開発日誌

    Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン... 次の記事 ≫:JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使え... xmoovStream PHPで動画のストリーミングサーバを作れるフレームワーク「xmoovStream」。 ちょっと無茶な気もしますが、PHPでストリーミングの振る舞いを変えられ、カスタマイズも可能なところが魅力です。 動画プレイヤー、MP3プレイヤーが付いており、これを使うだけでも便利そうです。 使い方ですが、「xmoov.php?file=FLVファイル&position=開始したいポジション」のようにプレイヤーから呼ぶとランダムアクセスなどによるストリーミングが可能のようです。なんと帯域の制御なんかも可能みたいです。 動画だけでなく、MP3などの再生もでき、プレイヤーも標準で付属しています。 このプ

  • 日経BP

    株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる <最寄り駅> 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線 「六木一丁目駅」泉ガーデン出口より徒歩7分

    日経BP
  • mineoで節約暮らし✨

    mineoを契約する時の初期費用、けっこうかかりますよね…。 ①契約事務手数料・・・3300円 ②SIMカード発行料・・・440円 ①+②で合計3740円となりますが、申し込み時にエントリーパッケージ(エントリーコード)を使えば、①の契約事...

    mineoで節約暮らし✨
  • 商業出版社による個人ブログからの「パクリ疑惑」について: たけくまメモ

    昨日、古い友人である「まさむね」さんからメールが来ました。内容は「自分のブログの記述が、商業出版に盗用されてしまったようだが、どうすればよいのか」というものでした。 まさむねさんと俺は、ここ10年ほど疎遠になっていたのですが、久しぶりに連絡があったと思ったら、いきなりこの相談です。昔から趣味の多い人でしたが、最近は家紋の研究に凝っているようで、「一気新聞」という彼のブログに、家紋について詳しく調べた結果を載せているのです。ところが、つい最近コアマガジンから出された「家紋の不思議」というムックの中で、まさむねさんが書いたブログエントリの記述に酷似した記述を発見し、子細につき比べて見た結果、「これは自分の記述を無断で借用したものではないか」との疑いを強めたそうです。 http://www.ippongi.com/2009/11/28/ ↑一気新聞「家紋文化が認知されるのは嬉しいが、これはち

  • ネット“メディア”は本当に大丈夫? - 相谷さんの一言

    ここ数日間自分のニュースサイト*1の更新に精を出している*2のだが、最近『ちょっと引っかかる』記事が続けて出てきたので、今回はここのサイトでエントリー。 ネットメディアは「悪意」の生産場所なのか? ◎「悪意」を優先して記事にするとこうなる (FANTA-G) ◎livedoor blogがアゲハント最高!!の存続を許しているのは何故? (闇子3歳) 前者はガジェット通信 GetNewsが出したドラマ*3の記事についての意見。後者は2chの(ニュース速報系の)まとめサイト管理人の『引用しているスレとレス』に対する意見。 両者共に「疑問」として指摘している内容は、「どうも記事を書いている記者やまとめサイトの管理人は、それぞれ『悪意』を持って記事を書いたり、または2chのスレに書いてある「名無しさん」のスレを引用してるんじゃないか?」という事である。 もうちょっと詳しく書くと、前者は「2chやネ

    ネット“メディア”は本当に大丈夫? - 相谷さんの一言
  • PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org

    PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター(仮名)」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。

  • テクノロジー : 日経電子版

    「ソフトウエア企業であるにも関わらず、トップに『ものづくり』のプロがいる。ウェイモには死角がない」――。米グーグルの親会社であるアルファベット傘下の自動運転開発ウェイモを訪れた日系…続き グーグル系のウェイモ、自動運転の配車サービス商用化 トヨタ、MaaS自ら手掛けず 体面捨てた逆転手 [有料会員限定]

    テクノロジー : 日経電子版
  • ネットで誹謗中傷を書かれた時に、法的に個人を特定する方法 | nanapi[ナナピ]

    ネットで誹謗中傷を書かれた時に、法的に個人を特定する方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに インターネットは便利ですが、誰でも情報発信ができる以上、個人情報を書かれたり、悪質でひどい誹謗中傷を書かれたりするリスクがあります。 今のネット社会では、少しくらいの批判に反応するのは効率的ではありません。しかし、自分の生活や家族、大切な人にまで害を及ぼすような誹謗中傷をされたり脅迫をされた時は法的な処置をとらざえるを得ない時があります。 そこで、ネットで誹謗中傷が書かれた時の対応法を紹介します。 最初にやること まず、一番最初に何をやらないといけないか。それは 「書いた人の発信者情報をゲットする」 というところです。 それはたいていの場合、IPアドレスと呼ばれるものです。IPアドレスとは、インターネットに書き込む時に記録

  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

    kamomewa_kamome
    kamomewa_kamome 2009/10/30
    携帯サイト制作は悩むことが多い
  • 12/1からネット等通販の返品ルールが法改正されますね - チョコっとラブ的なにか

    ごぞんじでしたか?私は、うっかり忘れかかってましたw うちの会社でも色々と対応が必要なため、自分で整理してまとめてたんですが、ついでといっては何ですが、折角なので、メモがてら、ここにもエントリしときます。 特定商取引法改正(2009.12.1付け施行) 制度趣旨の背景 通信販売(インターネット販売含む)の返品、交換に対するトラブルが多発しているため、今年の12/1付けで施行される法改正により、トラブル防止の目的で通信販売における売買契約の申込みの撤回又は売買契約の解除について規定されました*1。 今回、経済産業省が返品特約の表示方法のガイドラインを示すとともに、返品特約を表示していない場合は、8日間の返品が可能となりました*2。 変更点 従来、通信販売において、返品特約(返品についての当事者間における特別な合意)があれば返品特約に従った返品は可能でしたが、それ以外は商品に瑕疵(傷や欠陥)(

    12/1からネット等通販の返品ルールが法改正されますね - チョコっとラブ的なにか
    kamomewa_kamome
    kamomewa_kamome 2009/10/29
    特定商取引法改正 解説
  • SEOを意識したサイトデザイン | パシのSEOブログ

    完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ