2011年 03月 01日 インタラクティブに画像を切り替えるjQuery 「jqFancyTransitions」 を使ってサイトのピックアップ部分を考える。 カテゴリ： jQuery タグ：jQueryデザインユーザビリティ 今回は省スペースで複数の画像を切り替えて表示できるjQueryを紹介したいと思います。使い方次第でサイトをより魅力的に使うことができます。しかしそれ意外にもメリットがありますよ。どういうjQueryかはでもページでご確認ください。5パターン作ってます。また本文最後にソースもダウンロード出来るようにしています。 jqFancyTransitionsデモ ピックアップ情報の見せ方を考える WEBサイトのヘッダーしたあたりにピックアップを持ってきて、大きい写真で目立たせる。閲覧ユーザーに対して、より注目して欲しい情報を訴求するのに抜群の効果を発揮しますね。でも、そういう

年末は買い物をする機会が増える為、ECサイト運営者も忙しさがピークに達する時期ですね。 さて、Eサイトは基本的に売り上げが立ってこそ成り立つ物。時期や世間のトピックによって大体の業種が売れる期間にばらつきがあります。 しかしECサイトの場合は通常の店舗とは異なり24時間ユーザーからの注文を受けることが出来るというメリットがあります。当然の事ながら人が受付をしない代わりにサイトの構成や商品によってユーザーを取り込めるか否かという差が発生します。 商品の内容はお店の仕入れで良質の物を仕入れてもらうしかありませんが、サイトの構成に関してはデザイナーが仕入れた商品を自社のサイトにうまく掲載することで売り上げを上げる事が出来ます。デザイナーが商品をうまく見せれるか否かポイントになってきます。 問題点と改善すべき点 よくあるのは仕入れ担当者や、オーナーなどから「この商品を目立たせてほしい」と言われつづ

2010年 12月 24日 厳選iPhoneアプリ 時間を有効活用して楽しく脳みそを鍛える 5アプリを紹介 カテゴリ： iPhoneアプリ タグ：iPhoneアプリ テレビで「脳みそは使えば使うほど鍛えられる」ってよく言われてて脳トレソフトとかが流行りましたけど、出来れば電車の待ち時間とか、手のあいた時間でちょくちょくやってコツコツ脳を鍛えれないかなー？とか思うんですよね。 まあ、そんな時はやっぱりiPhoneでしょうって訳で色々使ってみました。沢山あっても、どれがいいのか分からん！ってなっちゃうので、今回も5つだけ紹介したいと思います。 Touch the Numbers できるだけ1～25速く数に触れてください、そして、世界記録保持者になってください! 縦5×横5＝25個のパネルに1～25の数字パネルがランダムにならんでいます。1から順番にタップししていき、全25パネルを何秒でタップし

アクセスありがとうございます。 前回の記事がはてなブックマークで24件も登録していただき、一人でテンションが上がっています。世の中にはもっともっと登録されるブログなんてたっくさんあるんですけど、自分のブログでは初めてということで素直に嬉しく思っています。 はてなブックマークで、ある一定のブックマーク数に行ったあたりで新着エントリーというものにエントリーされ、そこからアクセス数がいつもの6倍ぐらいに増えていました。と言っても、元々のアクセス数自体が大したことなかったわけですが・・・ それでも1日に600セッションっていう数字は自分のブログでは見たこと有りません。今大体100ぐらいが平均なんで、1月あたり100づつ増えて行ったとしても半年は掛かるであろう計算でした。・・・ さて、サイトのアクセスアップに関してですが、当然はてなの新着エントリーに掲載されたというだけでは、普通に考えてhatena

私がiPhoneを使用していることもあってか、最近周りでiPhoneを持つ人が増え「オススメのアプリある？」と言うことをよく聞かれます。当然相手の趣旨趣向によって進めるアプリは異なるわけですが、大体の人がこれを入れておけば便利じゃないかな？という厳選したアプリを今回オススメしたいと思います。あくまで個人的主観ですが、なかなか使えるアプリだと思います。 Bump Bump”! を使うと2台の電話をお互いにバンプするだけで情報を交換できます。何を送信するか選択し、電話を持ってBump”!を使用する相手の手に優しくバンプします。 写真、連絡先、カレンダーイベントを共有し、Facebook、 Twitter、LinkedInを通じて友達になったり共通の友達を探したり、その他が行えます。 iPhoneを買ってきてすぐの人にアプリを紹介するときはまずこれを入れてほしいですね。電話番号の交換が簡単に行え

2010年 12月 07日 Google 自社端末 Nexus S Android2.3搭載で正式発表。年内に米国で発売へ カテゴリ： Android携帯端末 タグ：google携帯 http://www.google.com/nexus/#!/index 以前から個人的にほしいと思っているAndroid携帯のNexusシリーズ。こちらに新シリーズが発表されました。Android2.3（コードネームGingerbread）を搭載するこの端末「Nexus S」はブラックをベースとしたカラーに凹面デザインのクールな外観。個人的に今回のデザインもかなり興味を惹かれています。 スペックも 4インチWVGA スーパー有機ELディスプレイ、ARM Cortex-A8 1GHz のハミングバードプロセッサ、512MB RAM、16GB内蔵フラッシュメモリ、5MPカメラ、VGA前面カメラ、Bluetoot

PHPを組むときはいつも使っているサーバーがPHP5に対応している所ばかりだったので今までは気にしていなかったのですが、今主に仕事をしているサイトのサーバーのPHPがPHP4.4.8というバージョンということもありこれまでと同じようには行かなくなってきました。 PHP5では動く関数がPHP4では動かない事や、オブジェクト指向プログラミングもPHP4ではそのままでは動かないなどの問題点があり、現在色々四苦八苦しています。 一先ずせめてPHP5の関数をサクっとPHP4で使える方法が無いかな？と思っていたところ、ツイッターでこれはどう？というふうに勧められたライブラリが「upgrade.php」というものでした。 導入が簡単にでき、ある程度の関数ならそのまま使えるというのがとても有りがたいライブラリ集です。 ライブラリ入手先 http://upgradephp.berlios.de/ ※何故かイ

2010年 11月 15日 ブラウザ用ロゴ。フリー素材。256px、128px、64px、32px、16pxから選べます。 カテゴリ： フリー素材 タグ：フリー素材 http://paulirish.com/2010/high-res-browser-icons/ ブログやプレゼン資料等で利用するのに最適なブラウザ用ロゴデータです。すべて32ビットのPNG形式で透過データになっています。 サイズが複数種類有り、256×256、128×128、64×64、32×32、16×16の中から選ぶことができるので、自身が利用したいものに合わせてほしい物を選べます。 こういったフリー素材を探しているときにだいたい64pxぐらいまでならすぐに見つかりますが、256pxのサイズのような大きめなサイズがなかなか見つけれなかったりします。 こういう時便利ですね。

WEBサイトのレイアウトでナビゲーション部分の中に一つだけ目立たせたいものを、他のものよりも左へ数ピクセルずらして表示させたりする際に役に立つネガティブマージン。 CSSの記述で-10等の負の値を指定すれば簡単に実現が出来ますが、ie6の場合はそれだけではキチンと表示してくれません。ー（マイナス）指定した部分を表示してくれないのです。その為にはposition: relative;を指定するとうまく表示されます。 CSSのソース #sb-post h3{ width:44px; height:56px; margin:-10px; position: relative; }

11月のシェア変化における注目点は次のとおり。 Chromeが力強い成長。9.25%に到達し、10%を越える勢い。 IE6のシェアが大きく下落。 ふたたびIE8が増加傾向へ復帰。 ChromeのほとんどのシェアはChrome 7へアップグレードされたほか、力強い成長を継続しており近いうちに10%のシェアに到達する勢いですね。また、11月はIE6のシェアが大きく下落した点も注目です。IE6シェアの最大地域は中国で。中国におけるIE6のシェアは45%を超えているそうです。中国のIE6を対象からはずすとIE6のシェアは7.62%まで下落するとNet Applicationsは指摘しています。 とはいえ日本国内のWEBサービスも、その内容によってはまだまだie6のシェアが高いサービスも多いかと思います。そういった現場ではまだまだie6をサポートから外すという選択は出来ないですね。私の携わっているサ

ズームレンズを使うと遠くのものが大きく写せますが、ズームを効かせる（望遠）のと、効かせない（広角）のでは、大きさ以外にも写り方の特徴があることは、これまでにご紹介しました。 今回は、望遠と広角について、別の視点から整理してみましょう。望遠と広角では「画角」が変わり、その画角を知るにはデジタルカメラならではの事情があります。 まず、ズームで遠くのものが大きく見える、ということは狭い範囲を見ていることになります。この写る範囲の角度が「画角」（または写角）です。望遠にすると画角は小さくなり、ズームを効かせないと画角は大きくなります（だから広角なのです）。

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 前回の記事（マークアップ効率化 - zen-codingでコーディングを倍速に）ではZen-Codingの基本について説明しました。 また、その内容をCSS Nite実行委員会（公式ページ）が主催した、Dreamweaver Town Meeting in TokyoというDreamweaverにフォーカスをあてたイベントで公演させていただきました。 ［撮影：飯田昌之］ その公演では、Zen-Codingを知らない方向けに、Zen-Codingとは何か・どんなことが出来るのかなど、基本に関して実演を行い

#yoshiokubo #The Flankie Shop #BIRKENSTOCK × JILSANDER #EYEVAN #TENDERLOIN #DOnoYU