specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
ソーシャルメディアマーケティングの記事ではいかにリンクを集めるかがよく議論されていますが、リンクを集めることに失敗する理由を解説してる記事を見つけたので紹介します。 6 Reasons Why Your Linkbait Failed :Blog About Your Blog http://blogaboutyourblog.com/2008/03/19/6-reasons-why-your-linkbait-failed/ リンクベイトとは? リンクベイトとは出来るだけ多くの媒体からリンクを集める目的でデザインされたコンテンツのこと。多くのリンクベイトはクチコミやソーシャルメディアで知名度を上げることを目的としている。 以下がリンクベイトに失敗する6つの理由 1.面白くない コンテンツがリンクベイトの目的を果たせるほどのクオリティでない。退屈でかつ目をひくものがなく、掲載した記事や画像
PSDTuts - Photoshop Tutorials and Links - NoPattern “Jumper” Effect 美しい光のバックグランド風イメージを作成するPhotoShopチュートリアル 次のようなカッコいい画像を作成するチュートリアルです。 応用して次のような画像も作れますね。 フィルタを駆使してカーテンのような画像を作っていくテクニックは汎用に使えそうですね。 関連エントリ PhotoShopで綺麗なコーン画像を作成するチュートリアル 湖面を反射させて芸術的な写真を作るPhotoShopチュートリアル 女性の写真をイラスト風にしてしまうPhotoShopチュートリアル
日本に住んでいる日本人が使うGoogleは、普通は日本のグーグル「google.co.jp」でしょう。 もしアメリカでのGoogleの検索結果が知りたいと思ったら、あなたはどうしますか? おそらく「google.com」を使うと、答えるでしょう。 ですが、日本に住んでいる人がgoogle.comで検索しても、アメリカに住んでいる人がgoogle.comを使って検索した時と必ずしも同じ結果が得られるわけではありません。 理由のひとつには、Localization(ローカリゼーション)といって、検索者のPCのIPアドレスから検索者の住んでいる地域を判断して、地域にあった適切な結果を返す仕組みがあるからです。 検索用語によっては、近接しているニューヨークとボストンでも検索結果が異なる場合があるそうです。 じゃあ、米国外に住む人が、米国内に住む人がgoogle.comを使って検索した結果を知るには
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
woork: CSS Message Box collection Message boxes are useful elements to display status messages after or during a specific user request.CSSでデザインされたツールチップボックスいろいろサンプルがダウンロード可能になっています。 どのツールチップも、<div>を1、2回ほど重ねた程度のシンプルなHTMLになっています。 ツールチップ関連エントリ カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 script.aculo.usベースのクールなツールチップライブラリ「Effect.Tooltip」 JavaScriptツールチップライブラリ24個 CSSだけでメニューにツールチップヒントを付けるテクニック Java
jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードし、ThickBoxを利用したいhtmlのhead要素などでそれらのファイルを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の伍十 暇になると文句を言い出す人たち師走に入り、1か月以上続く「クリスマスソング」に辟易としてくると忙しさも本番となります。道路は混み、人の様子は慌ただしくなり、街ではサンタクロースまでもがピザの配達に駆り出されます。 ところが、そこそこ歴史がある大きな組織には忙しくなると暇になる人がいます。閑職に追われたオジサンたちです。 彼らには創業メンバーなどが多く、過去の功績は大きいのですが、時代から取り残され
どうしても抜けられないクライアントの会議があって、「SES London 2008」最終日の最初のセッションを聞き逃しちゃった。何人かに聞いた話だと、とてもすばらしい内容だったらしくて、すごく残念。あとは、今日の残りのセッションがそれと同じくらい充実した内容であることを祈るばかりだ。 セッション2 動的ウェブサイト応用編SEOの世界にオールスターチームのようなものがあるとすれば、それはおそらく、このセッションのパネリストたちだといっていいだろう。その顔ぶれを紹介すると ミッケル・デミブ・スベンゼン氏ラルフ・テトマイヤー氏ジェイク・ベイリー氏(このセッションが行われていた会場はすごく暗かったから、スピーカーの中にジェイクがいないみたいだとわかるまでに20分もかかった)マイク・グレハン氏クリスジャーン・マー・ホークソン氏マイクがいうように、長年の経験もさることながら、彼らは、動的なウェブサイト
写真をただ並べてみせるだけでは面白くない。その見せ方、イフェクト一つで印象が全く変わってくる。同じ楽しむならいかに格好よく、気持ちよく見せられるかが大事になる。 JavaScriptを使ったイメージギャラリーもあるが、こちらはFlashを使ったソフトウェアだ。 今回紹介するフリーウェアはArt Flash Gallery、様々なイフェクトが特徴のイメージギャラリーソフトウェアだ。 Art Flash Galleryは上に拡大写真、下に写真のサムネイルが表示される。下の写真は反射を使っていて、格好よく表示される。また、マウスを当てていると拡大表示する機能もある。 各写真を切り替えたり、クリックしたときには音が鳴る仕組みもある。また、写真の数が多い場合は、スライドして写真が切り替わる機能もある。拡大写真は左上から斜めに表示されていくのも良い。 写真のリストをXMLで定義しておくのが若干面倒なこ
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
Roshan's Blogのエントリーから、URLをリダイレクト・リライトする場合の.htaccessの設定例を5つ紹介します。 5 useful url rewriting examples using .htaccess 「product.php?id=12」を「product-12.html」でアクセス 「product-12.html」を「product.php?id=12」にリライトします。 <textarea name="code" class="html" cols="60" rows="5"> RewriteEngine on RewriteRule ^product-([0-9]+).html$ product.php?id=$1 </textarea>
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
経営者はいつも数値を眺めて先を考えている。たとえば営業利益は売上高の何%にあたるか、社員1人あたりの利益はいくらか? こうした数値を「KPI」(キーパフォーマンスインジケータ、重要経営指標)という。 KPIという考え方をウェブでも活用できないかという発想から出てきたのが「ウェブKPI」だ。企業ウェブマスターは、ウェブKPIをにらみながら、着実にウェブの効果を高めていってほしい。 ウェブの指標はいつまでも「単独の数値」でいいのか?企業ウェブマスターにヒアリングすると、多くの企業がウェブサイトを評価するためにさまざまな数字を使っていることがわかる。ある会社では「ページビュー数」が指標となっており、別の会社では「資料請求数」が指標となっている。前月が10万PVで、今月が12万PVだったら、今月は伸びたことになる。資料請求数が100から150に増えたら、サイトが成長し効果が上がったことになる。 だ
IPアドレスを分散させたSEO対策の方法は効果絶大なのは御存知ですか?これは、今現在(2008年3月)において恐らく最強のSEO対策です。(注1) 主要検索エンジンであるyahoo!/ヤフー(YST)とgoogle/グーグルで上位表示されているサイトのSEO要因は様々ですが、効率的なSEO対策を考えた場合は特に、IPアドレスによる分散(さらにいえば時間と空間を分散させたSEO対策の方法)は、絶対に踏まえておくべきものです。 その理由、多くの知られざる事実を下記に示しますので良くご覧ください。これらは独自のコネクションや水面下で得たもの、実際に上位表示されている無数のサイトを調査したり、私がこの方法を導入展開して得たデータなどから明らかになっています。(注2) 超ハイレベル!IP分散オールドドメインのノウハウとは? IPアドレス分散手法と古いドメインをミックスしたSEOの実験を2008年6月
Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at mysql5.sourceforge.jp. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the datab
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
woork: Using CSS and Mootools to simulate Flash horizontal navigation effect カーソル位置によって自動スクロールする小窓実装ライブラリ。 枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするような小窓を実装するためのライブラリが公開されています。 クリックでデモを表示 次のように、見えている部分と、隠している部分をCSSによって出し分けています。 JavaScriptによってスクロール処理を実装。 横スクロールしていくようなUIの実装に使えそうです。 また、サンプルのような大きいブロックではなく、小さい領域で、いくつかの情報を格納するのにも便利そうですね。 mootools+CSSで実装されているようです。
実践!!ping送信でアクセスアップするのか 昨日の「ping送信にSEO対策とアクセスアップ効果はあるのか」の続きです。 やってみなければ分からないという事で、ping送信をはじめてから2週間ほど経ちましたが、アクセスアップ効果はあったのでしょうか? ping送信開始前後2週間のアクセス数を比較してみます。 ping送信開始前 ping送信開始後 予想どおりというかアクセスアップはしませんでした。参照元を見てもそれらしきリンク元は微々たる物で、「ping送信によりアクセスが急増することはない」という結果になりました。 検証結果ではアクセス数が増えるどころか逆に減ってしまっていますが、これは記事内容などによる誤差だと思われます。 アクセスアップ効果が無いとしたらSEO効果は? ping送信の2つ目のメリットと言われているSEO効果の方はどうなのでしょうか? 今のところ検索順位が大幅にアップ
SEOのためのリンクビルディング戦略のひとつの手段として、ブログへのコメントがあります。 投稿者の所有サイトや、コメント本文中にURLを埋め込んでバックリンクとして利用するわけですね。 ところが有効なSEOには、スパムがつきものでコメントスパムが横行しました。 そこで登場したのが、nofollowタグ(属性)です。 しかし、nofollowタグが付かないブログも存在するし、nofollowを意図的に付けないブログ管理者も存在します。 したがってコメントは、今でも有効なSEOと言っていいでしょう。 そして、コメントスパムもいまだに有効な(Black Hat)SEOです。 事実、ある金融系のビッグキーワードで1位表示を獲得しているサイトは、世界中のブログや掲示板に大量にコメントスパムを浴びせ続けています。 Yahoo!のlink:検索で、すべてのリンクを表示できないくらいの数です。 ですが、コ
TERMS & CONDITIONS: RENTAL / PURCHASE PLANS This agreement regarding a domain rental or purchase plan (the "Agreement") is made as of the time you click the box marked "OK" or "I Accept" during the checkout process (the "Effective Date") and is by and between Epik, Inc, a Washington Corporation ("Epik"), and the party making such click or selection ("You"). AGREEMENT NOW THEREFORE, in consideratio
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
絶対に公開してはいけないPHPプログラミング ネタ元:AjaxMail:Ajaxを活用したフリーPHPメールフォーム これはひどいのに誰もつっこみを入れていないので、ツッコミを入れておきます。 セキュリティーフィックスされたました。 AjaxMailを利用しているサイトはスパムメールの踏み台にされます。 送信プログラムであるsendmail.phpの 150行目でPOSTで受け取ったアドレスをそのまま変数に入れて、 $reto = $_POST['email']; 168行目で直接メール関数に利用している。 if($remail == 1) { mail($reto,$resbj,$rebody,$reheader); } ありえない。 mail関数の第一引数には送信先のメールアドレスを設定できるのですが、カンマ区切りで複数のメールアドレスが指定できます。 リターンメールの性質上、リファラ
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
PSDTutsのエントリーから、カラフルなバーの背景画像を短時間に作成できるPhotoshopのチュートリアルの紹介です。 Quickly Build an Abstract Background of Colored Bars 以下、簡単に流れを。 新規ファイルを作成。 描画色と背景色は、初期状態(#000000, #FFFFFF) [フィルタ] - [描画] - [雲模様1] [フィルタ] - [ピクセレート] - [メゾティント] 「種類」を「長いライン」 [フィルタ] - [ぼかし] - [ぼかし(移動)] 「角度」を「90」、「距離」を「999」 新規レイヤーを作成 グラデーションツール(G)を選択 グラデーションは「レインボーカラー」 レイヤーモードは「オーバーレイ」 トーンカーブ(Ctrl+M)で調整 四隅の縁取り 新規レイヤーを作成 選択ツール(M)の楕円
サイトをキャッシュし、アフィリエイト広告を設置するスパムを発見:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > SEOスパム > サイトをキャッシュし、アフィリエイト広告を設置するスパムを発見 特定のページをキャッシュし、そのページに広告(アフィリエイトリンク等)を貼り付ける行為が流行っていた様子。 最近、ある検索結果を目にして驚いた。 百聞は一見にしかず。下記の画面を見てもらいたい。 上記の画面がどういう画面かと言うと、 ある有名なパソコン教室さんのページのソースが丸々キャッシュされ、そのソースが、別のサーバにアップされ、あろうことか、最上部にアフィリエイト広告が設置されているというもの。 ページの上部には 「このページはロボット型検索済みエンジン RSE explosionによって、2007/01/05 9:12:43に保存されたhtt
ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ(ブロガーランキングや、ブログ記事の反映も停止いたします) ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ
先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 1)XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML(C-HTML)、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な
※最終通知のお知らせ 管理番号:21SHA 株式会社セキュリティーポイントの青山と申します。 弊社はこの度、お客様の携帯端末よりご登録中のサイト運営会社様から依頼があり、ご連絡をさせていただきました。以前にご登録されましたサイトにおけます、ご使用についての有無を確認させていただきたいので至急ご連絡くださいますようお願いいたします。~~中略~~※尚、本通知は最終通告となります。身辺調査の開始、裁判費用等はお客様を含め、ご自宅・お勤め先・一親等の身内への満額請求となる場合がございます。 ご相談・大会手続等をご希望でしたら上記の依頼番号をご確認の上、本日営業時間内に至急ご連絡ご相談ください。 株 セキュリティーポイントTEL:03-6734-6931 担当:青山美紀 もちろん、身に覚えは全くありません。 迷惑メール・架空請求メールの類だと思われますが、 こういうメールをうけとったときに「このメー
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く