無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
テキストを画像の輪郭に合わせて折り返せる「jQSlickWrap」。jQueryプラグインです。 使い方もjQueryプラグインなので簡単で、slickWrapというプラグインメソッドを呼び出せば実装できるようです。 <script type="text/javascript" charset="UTF-8"> $(document).ready(function(){ $('.wrapReady').slickWrap(); }); </script> </head> <body> <img src="./myImage.jpg" class="wrapReady" /> <p>Lots of text goes here..</p> </body> 対応ブラウザでないと動きませんが、表示が崩れたりエラーが発生したりするわけではないので使ってしまってもよいかも。 Google Chrom
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
不思議と日本ではほとんど騒がれていないのですが、Googleから大きな大きな発表がありました。 全ユーザーへのパーソナライズ検索の導入です。 – Personalized Search for everyone パーソナライズ検索とは、簡潔に言うと「個人の検索履歴や行動に応じて検索結果を自動的にカスタマイズ」する機能です。 たとえば、「ピザ」で検索したときにいつも「ピザハット」のサイトをクリックしていると、「ドミノ・ピザ」や「ピザーラ」ではなく、「ピザハット」が上に来るようなるかもしれません。 検索結果から「楽天市場」を頻繁に訪れるようなら、楽天市場のショップが上位に出やすくなるかもしれません。 つまりあなたに合わせた検索結果を、Googleが作り出してくれるのです。 これまでGoogleのパーソナライズ検索は、Googleアカウントにログインしているユーザーにだけ適用されていました。 し
この記事では以下のような表を使って、取引先や仕事内容を整理することを勧めています。表ソフトであれば、「Google Docs」でもExcelでもOK。 情報の項目としては、以下のものを整理することが望ましいとのこと。 会社名 仕事の内容(ライティング、翻訳、PRレターの作成など) 担当者名とその連絡先 問合せ日(公募への応募の場合は、応募日を記入) 最終コンタクト日 ステータス(受注・NG・保留など) ちなみに、この手の表はいったん作ったら最後、更新されることなく放置されがちですが、特に、最終コンタクト日の更新やステータスの変更など、この一覧表を都度アップデートすることが大切。この表を使って、最新の仕事状況を一括管理するイメージです。 このほか、ライフハッカーアーカイブ記事「仕事を辞めて独立するための7つのチェックリスト」や「フリーランス族に贈る、不安定な収入でお金のやりくりをする方法」な
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたw おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
Googleウェブマスターツールに「サイトのパフォーマンス」という機能が、試験的に導入されたことを先週紹介しました。 サイトのパフォーマンスについての詳細が、Google Webmaster Centralブログで解説されたので、このエントリで取り上げます。 パフォーマンスの概要 「パフォーマンスの概要」は、サイト内のページの読み込み時間の総計です。 GoogleツールバーのPageRank表示を有効にしたユーザーが、もっとも頻繁に訪れたページを基にしています(送信した情報が、こんなところで使われてるんですね)。 もしツールバーをインストールしたユーザーがほとんどいなかったとしたら、読み込み時間のデータは表示されません。 Googlebotではなく、実際にサイトに訪れたユーザーに対する表示時間に基づいています。 日本のサイトだったら、たいていは日本に住んでいるユーザーへの表示時間になります
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:
WebDesignFanで、WordPressのアクセス解析用プラグインがまとまっています。 いくつかご紹介しますね。 Google Analyticator テンプレートを編集不要で、Google Analyticsの解析を可能にするJavaScriptを追加する WP-Stats-Dashboard ブログのStatsタブを開かずとも、ダッシュボードに直接解析結果を表示するプラグイン Search Meter ユーザが検索ボックスから検索したワードと回数を表示 StatPress Reloaded リアルタイムに訪問者の数や検索キーワード、ブラウザ、OSなどを表示 WordPress Download Monitor ダウンロードを管理でき、ファイルのダウンロード数を表示してくれる TweetMeme Button WP上でTweetMemeの解析結果を表示。RT数など WordPre
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"> </script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/12345.json?callback=twitterCallback2&count=1"> </script> 「12345.json」の部分をIDに書き換えて、「yourid.json」という風にすればOKです。これでプレーンテキストで最新のTweetが取得できるようですね。 オプションでCSSでのスタイリングもソースが載っています。 一度見てみてください。 How To Display Your Last Tweet Using Javascript A
PHPのあの関数をJavaScriptでやるには?をまとめた「phpjs.org」 2009年12月04日- PHPのあの関数をJavaScriptでやるには?をまとめた「phpjs.org」が便利です。 PHPを使っていて、JavaScript もかいているときに、PHPのあの関数をJavaScript で実装したいんだけどなぁ、という場合に索引から牽けて参考になります。 例えば、functions ページには使える関数がまとまっているのですが、array系、ソート系、入力チェック系やオブジェクト指向系、日付、ファイルシステム系、Math系、ハッシュなど実に多数のJavaScript用php関数が掲載されています。 例えば、addslashes だと次のような感じでJSのソースが見れます。 function addslashes (str) { return (str+'').repla
12月4日、あんけいさんによるWeb解析/アクセス解析の勉強会「私的勉強会 解析しないと」に行ってきました。以前に雑誌の執筆で声を掛けていただいたり、その後いろんなところでよくお会いしたりするのですが、タイミングが悪くいつもセミナーなどは聞けなかったので、やっと聞けたというか。 勉強会の内容の軸は「KPI」。どういうことを意識すればいいのかや、具体的な事例によるクイズが設けられていたりと、1時間(でしたっけ?)があっという間でした。 印象に残ったこと 思ったこと感じたことをひとまず箇条書きに。 「KBR (Key Business Requirement)」というキーワード。一般的に広く使われている言葉ではないと思うのですが、あんけいさんの所属する会社が積極的に使っている様子。事実、その会社のみなさんのノートパソコンには「KBR」のステッカーが確かに貼られているなあとふと思い出しました。「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く