ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り
yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlight-color」という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。「outline:none;」と併せてリンク文
年間予算3万円で効果的にSEOをするためのシンプルなキーワード発掘戦略 | Moz - SEOとインバウンドマーケティングの実践情報
何度も話しているとおり、僕は医療分野を中心として、小さなクライアントを多く抱えている。こういう市場にはいくつか問題があって、どれもこの市場に特有のものじゃないんだけれど、小さなクライアントの仕事を引き受けて収入を得るには避けて通れない困難だ。 SEOというものを説明する困難SEOの目的や利点を理解しているCEOや経営者が相手でも、SEOのプロセスを説明するのは骨の折れることだ。ましてや、ニッチ市場に対して、巧みなSEOのメリットとそのROI（投資収益率）を説くのは時間のかかる作業だ。 クライアントが理解できる戦略を作成する困難ウェブサイトというものは、つまるところ、クライアントの資産だから、われわれがそれをどう扱うかは重要なことだ。また、自分が加えようとしている修正、それにかかる時間、その結果得られる利益をすべて説明するのも、同じくらい重要だ。 リサーチを進める上での困難SEOの手ほどきを
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
英語版サービスをリリースする前に : 管理人@Yoski
(Note: This entry describes how to promote your web site using del.icio.us. If you prefer English, please visit here and there.) 英語版（海外向け）サービスをリリースする前に気をつけていたコトのメモ。 ネタとして古くなりそうなので（というのもどうかと思うが）、なんか出てきたのでとりあえず公開しておきます。 ■del.icio.us は、まずはじめに自分がブックマークする あまり知られていないようなのですが、del.icio.us のタイトルにはちょっとしたクセがあります。 それは「del.icio.us/popular」に登場するときの「タイトル」は、その URL を「はじめにブックマークした人がつけたタイトル(description)」になる、ということです。
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―
floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（<div style="clear: both"></div>）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever
404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
iPhoto '08でハマる - 旧suadd blog
普段インストールを極力しないのですが、せっかくなので、iLifeをアップデートしてみました。表面上はあまり変わらないのですが、非常に困ったことにウェブ上で画像のアップロードができなくなってしまいました。 「ピクチャ」フォルダを見ても、iPhoto Libraryという巨大ファイルが見えるだけです。どうやら、これは「パッケージ」という仮想ファイルみたいなものらしいですが、Finderではcontrol+クリックで中身へアクセスできるものの、ウェブフォームからファイル選択する場合はcontrol+クリックで何も起こりません。 というわけで、Mac上からウェブ上に画像をアップできなくなって非常に困っております。誰か解決方法ご存知の方いないでしょうか？ P.S.こういうことがあるので、インストールはしたくないのですが。。。当分無用なインストールは避けようと思います。 ・以前のStart Macモニ
Leonardo Faria
Made in the beautiful Vancouver. Some rights reserved. Last update: May 3, 2024
「メールが届きません・・・」を防止するインターフェース | SiMPLE*SiMPLE
「メールが届きません・・・」を防止するインターフェース August 28, 2007 10:55 AM written by Gen Taguchi メールによる認証プロセスがあるサービスでありがちなのが「メールが届きません」というユーザーからの問い合わせメール。 だいたいにおいて迷惑メールフォルダに振り分けられていることが問題ですが、その注意を喚起する方法としてPing Meはなかなか良いかな、と思いました。 このサイトではユーザーがメールアドレスを入力した直後（フォーカスを他に移ったとき）に「迷惑メールフォルダに注意してね」というメッセージが現れます。 入力した直後に自分が見ていたところに突然あらわれる点がいいですね。びっくりすると同時に「なんだろ？」と思わせることができるかもしれません。こういう工夫もいいですね。 ↑ メールアドレスを入力した直後に上のようなメッセージが現れます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
業務で楽するためのUNIXテクニック集 まずはおさらい、シェル制御構造と正規表現の基礎：CodeZine
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
Most used CSS tricks | StylizedWeb.com
MacOSXのFinderで「.htaccess」を表示させる方法
『有名ブロガー』になるための方法。 - sta la sta
file_get_contentsでのアクセス時にUserAgentを変更する方法 - ぎじゅっやさん
AdSenseで稼ぐにはアクセス数よりもSEOが重要か*ホームページを作る人のネタ帳