前の記事　期待外れなGoogle携帯『Nexus One』：本当の狙いは？ 世界を変えつつある7つのITトレンド 2010年1月 7日 Epicenter Staff Yelp社のiPhone向け拡張現実アプリ。レストランにかざすと、その評価を見ることができる。Photo: James Merithew/Wired.com 技術の変化は非常に速く、1年が7年に相当するという意味の「ドッグイヤー」(dogyear)という言葉がまさにぴったりだ。2009年に起こった革新的な変化をまとめてみた。 Googleがプラットフォーム化 2009年は、『Google』があらゆる技術のプラットフォームになった1年かもしれない。1つの技術の上に別の技術が次々と積み重なり、いわば「Google Stack」(Googleの山)が作り上げられた。 Android OS、Chrome OS、Chromeブラウザー

Account Suspended This Account has been suspended. Contact your hosting provider for more information.

IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

どうしても身につかなかった【ブラインドタッチ】を身に付ける方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 自己流で覚えたタイピングの癖、なかなか直りませんよね。 これは私が20数年間のタイピングのくせを直して【ブラインドタッチ】が出来るようになった方法です。 具体的なステップで説明しています。 やり方 【ステップ１】 「指で覚える」ことを理解する たとえば、自転車に乗るのは体でバランスをとることを無意識に覚えています。 これと同じように体（指）に覚えさせます。 【ステップ２】 ホームポジションを正確に理解します。 ホームポジションとはキーボードの「F」と「J」のキーをさわってみてください。 他のキーと違い、触ってみるとポッツリとした感触があります。 これに、 左手の人差し指は「F」 右手の人差し指は「J」 のキーをポッツ

95+ Incredible jQuery Image Effect Plugins by Lars | Last updated Feb 14, 2017 | jQuery Plugin Collections | 13 comments Images are incredibly important ingredients in web design to make websites user friendly and look nice. In addition, it is possible to add image effects using some cool jQuery image effect plugins. It is easier than most people think to use jQuery plugins and the result can be a

Tempat Wisata Populer di Bantul Tempat wisata di Bantul yang wajib dikunjungi untuk menikmati liburan anda. Berbagai tempat wisata populer di Bantul siap menemani liburan anda menjadi lebih berwarna. Bantul, merupakan salah satu Kabupaten di wilayah Daerah Istimewa Yogyakarta yang patut kamu kunjungi ketika berlibur di Jogja. Sama halnya dengan Gunung Kidul yang memiliki banyak pantai, di Bantul j

twitter facebook hatena google pocket jQueryを使用してFacebookスタイルのツールチップを実現する「tipsy - Facebook-style tooltip plugin for jQuery」です。 ツールチップとは吹き出しのようなもので、リンクや画像などの説明をわかりやすく表示してくれます。 sponsors 使用方法 tipsyからファイルをダウンロードします。 <link rel="stylesheet" type="text/css" href="tipsy.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.tipsy.js"></script> <sc

Nowadays, it might be accurate to say that screen real estate is worth more than actual real estate. As web developers, we spend precious time laying out our pages, using every UI concept in the book to conserve space, while trying to maintain a user's focus on the task at hand. There are many techniques to use — Lightbox, Carousel and Tabs to name a few — and today I hope to offer up another: jQu

さらに加速するGoogle ChromeのExtension "Ubuntuでも使える１０個のGoogle Chrome Extension"にて紹介したおすすめGoogle Chrome Extension。1ヶ月の時を待たずして、さらに使えるExtensionを紹介しよう。 Firefoxと同じように使える、がコンセプトだった前回とは異なり、Google Chromeならではを多く含んだ10個を厳選。 Google Similar Pages beta 現在閲覧しているページで、アイコンをクリックすると、Googleが選んだ類似ページを表示してくれる。さすがのGoogle、得意のbetaと銘打ちながらもなかなか興味深い結果を返してくれる。より深く何かを調べる必要がある場合にとても便利だ。 Google Quick Scroll こちらもGoogleのかゆいところに手が届くエクステンシ

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動きが実装できます。 ・テキストが自動で右から左にスライドするタイプ ・画像が位置を変えずに、自動でフェードイン&アウトして切り替わるタイプ ・テキストが同じ速度右から左に動くタイプ かっこいいのでぜひ見てみてください。 bxSlider やばい作業を再開しなくては。

Even better image preloading with CSS2 Recently I read an article on better image preloading using CSS3 which presented a clever idea using CSS3 multiple background images to preload images on one element as opposed to another method of having containers for each image. As of writing the support for multiple backgrounds is fairly sparse with webkit having the best support (Safari 3+ & Chrome 1+),

はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 生活・趣味・旅行・創作 2010.01.05 0 山田井 ユウキ ブログの登場により、自分の意見を容易に発信することができる時代になりましたが、だからこそ「読者にとって読みやすい文章って？」という悩みを抱えているブロガーの方も多いのではないでしょうか。 そのヒントになりそうな記事を、「赤と黒」で見つけました。 記事によると、「読みやすい文章を書くためのコツ」は次の4つ。 1：なくても意味が通じる言葉は極力なくす、または代用 2：ひらがなを多用 3：同じ語尾を連続で使わない 4：句読点と改行を活用 シンプルですが、どれも大事なことばかりですね。 それぞれの項目の具体的な内容は元記事からどうぞ。 ただしブログ主が「『1』は、事実を述べたり意見を表明する文章に向いており、普

Download Free Photoshop brushes at WOW Brushes. Download our collection of abstract, swirls, nature PS brushes and more...

今年も明けましておめでとうございます。 白石です。 正月明けからイッパイイッパイです。 で、いきなり本題。 HTML5用のリセットCSS（どのブラウザでもデフォルトの見た目が同じになるよう、強制的に表示を調整するCSS）と言えば、昔HTML5Doctorで紹介されたやつが有名です。Google Codeでプロジェクトがホスティングされてもいます。 でもこのCSS、ちょっと悩ましいことに中途半端なんですよね。例えば、HTML5ではあらゆる要素にhidden属性を指定することができるのですが、「hidden属性のついた要素は非表示にする」と言ったスタイル指定が行われていなかったり。 で、完全なものはないのかというと、あります。それも仕様書の中に。これは、HTML5仕様が正式に「提案」しているものです。 でもどう見てもHTML5DoctorのCSSのほうが有名ですよね。 で、みんながその中途半端

［著書］ 「色彩上手」（はまの出版）、「ニューヨークへ行く前に読む」（繊研新聞社）など、ニューヨークと東京を中心としたファッションとファッション雑貨の情報の分析や、色彩や広告のコンサルタント業をこなす傍ら、ファッション雑誌への執筆、テレビでのコメンテーターや各種企業での講演多数。

Flashを使わずに画像を魅力的に見せたい。 そんなときにおすすめなのが、『37 Fresh jQuery Image And Gallery Display Solutions』。jQueryを使った画像ギャラリープラグイン集です。 結構かっこいいのが揃っていますね。 ImageFlow Macのカバーブローライクなインターフェース PrettyPhoto jQuery Lightbox Clone クールなlightbox系画像拡大表示 The Lightbox Clones Matrix lightbox系スクリプトの機能比較表 The jQuery Cycle Plugin めくれるような効果やフェードなど、効果が面白いプラグイン CrossSlide jQuery plugin フェードしながらとてもクールに切り替わる ほかにもいろいろあるので、ぜひ見てみてください。 37 Fr

申し訳ございません。 只今メンテナンス中です。

PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアップデート 2010年01月10日- Services_Twitter :: 0.5.0 PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアップデートしたみたいです。 ChangeLogによると次のようなAPIに追加で対応したみたいです。 + added statuses/home_timeline + added statuses/retweeted_by_me + added statuses/retweeted_to_me + added statuses/retweets_of_me + added statuses/retweet + added statuses/retweets + added report_spam metho

Enter your email address and we will send you a link to reset your password

既存のフォームにも利用できる、テーブルを使用しないスタイルシートベースのフレキシブルなフレームワークをRobert M. Sandy Jr.から紹介します。

ウェブページの実装や確認に役立つ、レイアウトやエレメント、HTMLメール、WordPressなどのスタイルシートのテンプレートをCSS-Tricksから紹介します。 Downloads: Layouts/Templates

2010年は、1/7から更新を予定していますので、よろしくお願いいたします。 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed 2009年、アクセスが多かったエントリー フリーの高品質なアイコンがダウンロードできるサイト -iconspedia IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester 商用サイトでも無料で利用できる日本語のフリーフォント集 ハートなどの記号「♥♡♣♦♠」の入力方法 たった一晩で睡眠の周期を変える方法 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 IE7とIE6を共存させる方法：まとめ フリーの紙や布のテクスチャ素材のリンク集 swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 [JS]jQueryのプラグイン100選

2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト

Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloa

20+ Best WordPress Portfolio Themes For Increased Exposure by Lars | Last updated Feb 19, 2017 | Wordpress, WordPress Theme Collections | 54 comments An online portfolio website is an excellent way for business owners and freelancers to get their work, skills and client cases in front of potential customers.  ‘ The word portfolio simply means a bag for carrying loose papers, however, it has many m

nanapi[ナナピ]は、「７分以内で生活を便利にする」をコンセプトにしたライフレシピの共有サイトです。初心者のためのPayPal(ペイパル)の基礎知識 PayPalを全く知らない人におすすめの記事です。 これを見ればPayPalはどういうサービスなのか、どうして便利なのか、 なぜ世界中で何億人もの人が使っているのか、 その理由を知る事ができます。 記事をよむのはこちら PayPalの新規登録方法 PayPalに新規に登録するのに難しい知識はいりません。 しかし、お金に関する登録なので不安という人も多いでしょう。 この記事をチェックしておけば、安全に素早く登録することができます。 記事をよむのはこちら PayPal(ペイパル)の「入金」とは？ いよいよPayPalを使ってみる人への記事です。 初めて使う人にはちょっとわかりにくいPayPalの入金の概念について詳しく説明しています。

今回から、いよいよ7ステップに分けて、あなたのWebサイトを高反響のサイトに変化させるための具体的なテクニックをお教えする。ぜひ、紙とペン、付箋紙か大きめのカードを用意して、ここから先を読んで頂きたい。 ステップ1 Webサイトを通じて、稼ぎ出したい目標を決める たとえば、あなたがWebマーケティングを駆使して、そのサイトで年商1億円を目標とするならば、それを可能にするビジネスモデルを考えなくてはならない。コピーの書き方だけを覚えても、それだけでは最大の結果を得ることはできない。 例えば、何を、どういうビジネスモデルで売るのか、どういった方法で見込み客を引きつけるのか、彼らにどう商品を紹介していくのか、彼らの何パーセントがどういう商品を買ってくれるのかということを考え、最終的に年商1億円になる明確な目標を立てる必要がある。 ここでのポイントは、ぜひ理想の数字を設定すべきだ。小さな目標は、小

お知らせ 2011年版を書きました！以下レビューには古いツールもあるので、新しいバージョンを御覧ください。 何かと話題のTwitterですが、自分のアカウント情報を解析する様々なツールも登場しています。今回はその中から１５種類のツールをピックアップして比較をしてみました。比較表も用意しましたので、必要に応じてダウンロードしてください。 最初に ご存知の方も多いかと思いますが、Twitter自体にGoogleAnalytics等のアクセス解析ツールを導入する事が出来ません。そのため、今回紹介するどのツールでも表示回数・滞在時間といってアクセス解析に関連する情報は取得出来ません。そこで多くのツールはTwitterが公開しているAPIを使って集計及び分析を行っています。 今回のツールのレビューは「見やすさ・使いやすさ」「機能の豊富さ」「独自性（他には無いレポートや機能）」の３つを５点満点で評価を

SEO対策は色々な方法や手段がある為、軸をぶらさずに実施していかないと、ふとしたきっかけで間違った方向に進んでしまいます。今回は、なるべく効率よくSEOを実施していく為に、犯しがちな過ちや、注意すべき事について考えていきたいと思います。 ターゲットユーザを無視したキーワード選び SEOを意識したキーワード選びの場合、ツールを使って月間検索回数などを確認しながら選定していくのが一般的ですが、ターゲットユーザを無視したキーワード選びではアクセス数が増えてもコンバージョン数が増えないという事になりかねません。 キーワードを選ぶときに注意すること ユーザーが使うキーワード BtoB、BtoCによる違い 大企業、中小企業による違い 老若男女による違い サービスエリア（全国 or 地域特化） 検索回数も大切ですが、ターゲットとなるユーザが検索するであろうキーワードでSEOするのが基本です。BtoB（企

本実践メモでも以前に取り上げたように、ここ数年、横幅900px以上を採用するサイトが増えてきています。 画面横幅を900px以上にするメリットとデメリット。右端が欠けることに注意 横幅の拡大によって、情報を掲載できるスペースは拡大し、実現できる表現の幅も広がります。 もちろんそれらは喜ばしいことですが、自由度が増すからこそ、効果的なスペースの使い方をきちんと考えることがますます重要になります。今回はカラムを複数に切ったレイアウトについて、スペースをどのように活かすべきかを考えてみたいと思います。 複数カラムの使用は、メッセージを分散させる カラムを複数に切って情報を提供することは、1つのページに複数の役割を与えることを意味します。 もちろん、ナビゲーションなどページにとって必要な機能もありますが、より多くのエリアを 定義することはそのページが持つメッセージをぶらしてしまう危険性があることを