[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替
ボタンをデザインするときに使いがちなデザイン効果をまとめました。 詳しいやり方は記述しませんが、ほとんどがPhotoshopのレイヤー効果でなんとかなります。 コツは、色々と組み合わせて使うため、ひとつひとつを「やりすぎない」ことです。 ボタンデザインのご参考になれば… 01.Gradation グラデーション 02.Texture 模様 03.Border ボーダー 04.Dent へこみ 05.Shadow シャドウ 06.Text Shadow テキストシャドウ 07.Text Brightness 文字光彩 08.Reflection 反射 09.Highlights ハイライト 10.Shine てかり サンプル 作成例です。 01 + 03 + 04 + 06 + 09 + 10 を組み合わせています。 いろいろとお試しください〜。 LIGはWebサイト制作を支援しています。ご
ここ最近、Fireworksの本が立て続けに発売されているのを見て、一応Fireworks Loverを名乗っているんだから、この流れに乗って、Fireworksネタできんやろかなーとか思っていました。 そんなところ、ソーシャル系のボタンが変更されたり、増えたりしていることに気づいたので『バージョンUP』という形で改めてFireworksの共有ファイル登録用mxpファイル配布をします。 一応、上画像のものを登録できるようにしております。個人的に主要&使用頻度が高いだろうなーと思っているものです。 数字はシンボルをキャンバス上に出してダブルクリック、もしくはシンボル解除したら変更できるようにしておりますので、変えたい方はご自由に変えてください(今の数字は超適当に入れてます)。 以前のバージョンは、今後はGitHubで管理していこうかと考えてます。ひとまず、今のところは、前回UPしたファイルは
twitter、facebook、google+1、evernote、tumblr、はてブ、mixiなど、各ソーシャルメディアやブックマークに共有するボタン設置方法をまとめてみました。 このブログはwordpressで構築しているのでプラグインを使用すれば簡単なのですが、他サイトなどにも使うことを想定した設置方法です。 備忘録エントリー。 twitter ツイートボタン facebook いいねボタン google+1ボタン evernote サイトメモリーボタン tumblr 共有ボタン はてなブックマーク mixiチェックボタン twitter ツイートボタン 1.コード取得 下記リンク先でツイートボタンのソースコードが取得できます。 Twitter / ツイートボタン ボタン ボタンの種類を選びます。 ツイート内テキスト ツイートに含まれるテキストを選択します。 ボタンが表示されるペ
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして「何かいいなー!」と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通信で読み込むことで、LikeボタンやLikeボックスの表示スピードを早くすることができます。 FacebookのLikeボタンやLikeボックスを非同期通信で読み込むのはとても簡単! JavaScript SDKを配置時に”js.async = true;”を追記するだけです。 Likeボタンの場合は以下ページへアクセスしてコードを取得してください。 ⇒ Like Button -Facebook
さてさて、久しぶりにGalaxy Sをいじりましたよ〜。 今回挑戦したのはGalaxy S 2.3.3のroot化です。 自分はこれまでGalaxy SをUSBケーブルでMacbook Proに繋いで、 テザリングアプリ「easy tether」でモバイルインターネットをしていたのですが、 最近USBケーブルをつなぐのがイマイチ面倒くさい〓 というわけで、要rootなワイヤレステザリングアプリ「Wireless Tether for Root Users」を使うため root化を試みることにしました。 ・・というわけで、 Galaxy S 2.3.3のroot化の(たぶん)一番かんたんなやり方をご紹介します。 (以下は自己責任でお願いします。) ちなみに自分はWindows XP環境でroot化作業を行いました。 1.SAMSUNG Kiesのインストール ⇒downloadはこちらから
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS:マウスオーバー時に透過させる CSSのopacity(IEはfilter)の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く