「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて

Free Icon Set - GraphicRiver いい感じのウェブアイコンが詰まった「webset icons」がgraphicriverにて公開されています。 ツイッターのアイコンもあります。 関連エントリ 綺麗なアイコン作成のチュートリアル集 白黒だけどシンプルで使いやすそうなアイコンセット「PICOL Icon Library」 シンプルだけど汎用に使えそうなソーシャルアイコン集３０

@ -------- スポンサー広告 この記事にトラックバックする(FC2ブログユーザー) http://filemaker.blog84.fc2.com/tb.php/27-97682e36 トラックバック コメント レイアウト上に Web ページを表示するために、 Web ビューアを追加することができます。 Web ページのアドレスは一定にするか、 現在のレコードにあるデータを基に計算することができます。 WEBビューアツールを選択し、 表示させる範囲を設定します。 Web ビューアの設定で、 google Mapsをを選択、 「住所」項目に住所データが入っているフィールドを指定 レイアウトモードで確認すると、住所データの地点が表示されます。 Web ビューアの設定はデフォルトで、 ・Google Maps ・Google Web検索 ・Fed Ex ・Wikipedia ・Wikin

そのまま使えるウェブサイトテンプレートのPhotoshopファイルが４０種類まとまっているエントリのご紹介。 ハイクオリティなウェブサイト用のテンプレートがPhotoshopのレイヤー付きでＤＬ可能です。 ダウンロードしたPhotoshopファイルは以下のようにちゃんとレイヤーに分かれてるので、変更して独自に修正することも可能です。 実際のデザインは以下。どれもかなり力の入っているもので素晴らしい限りです。 リンク先は以下のエントリを参照してください。 40 Free PSD Website Templates - slodive 関連： フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集

as最近 ActionScript 3.0 はじめました。ActionScript がすごいこと気づいてしまいました。JavaScript の多くの限界を簡単に克服できちゃいます。そこで、ActionScript 3.0 の魅力を JavaScript と比較しながらまとめてみました。1. 何も考えなくてもクロスブラウザJavaScript を書く上で避けられないのがクロスブラウザ化です。IE や FireFox 専用、などと言い切ってしまうのは簡単なのですが、対応ブラウザを増やすためには、初期開発と同等、もしくはそれ以上の時間がかかってしまいます。１年ほど前の情報ですが、Google Maps のソースコードは Safari だけ別の JavaScript ファイルをロードしていました。あの Google が１つのブラウザを特別扱いしてしまうぐらいにクロスブラウザ化は面倒なのです。それに

ユーザーの現場を探る できるビジネスマンのノウハウ伝授 ファイルメーカーで商用ウェブサイトを構築する 関連記事 今すぐ役立つビジネスツール （無償ダウンロード） ユーザーの現場を探る 第17回： ExcelとファイルメーカーProをうまく組み合わせた、人材紹介システムを自社開発 今回は、Excelユーザーが、その限界を打ち破るためにファイルメーカーProを利用し、Excelとも共存させた、高度な社内システムを構築していった例を紹介します。 第16回： スピーディーな自転車メッセンジャーサービスを、さらに高速化するファイルメーカーPro 自転車を使った配送サービス、ディスパでは、ファイルメーカーProを活用した配車システムで、限界ぎりぎりのスピード化を図っています。 第15回： 多品種少ロットの時代に合った外注管理システムをファイルメーカーProで構築 CDやDVDのパッケージングを行うデジ

調べものをしていたら「ファイルメーカーで商用ウェブサイトを構築する」という懐かしい記事が引っ掛かってきたのでメモしておきます。 ZDNet という、記事が書かれた当時でもかなり大規模な IT 系情報サイトにおいて、そのサイトの制作システムに、FileMaker がかなりの部分で活用されたという内容です。 記事ページのアドレスから見ると、2002 年頃の記事かなと思うのですが、読み返してみると、技術的なことは置いといて、なぜ FileMaker が利用されたのか、そして、FileMaker を利用したプロジェクトの進め方・考え方など、現在でも非常に参考になります。 第 1 回：メルマガからウェブサイトへ ZDNet 実践編 第 2 回：なぜファイルメーカーでなければならなかったのか？ 第 3 回：担当者が語る「開発を上手く進めるための秘訣」 第 4 回：ZDNet ファイルメーカーシステム「

@ -------- スポンサー広告 この記事にトラックバックする(FC2ブログユーザー) http://filemaker.blog84.fc2.com/tb.php/7-5f32d05d トラックバック コメント ファイルメーカー　無料評価版インストール 1、ダウンロードした.exeファイルをダブルクリック 2、インストールが開始されます。 3、次へをクリック 4、同意しますにチェックをつけて『次へ』をクリック 5、インストール先を選択して『次へ』をクリック 通常はデフォルトのままで大丈夫です。 6、インストールタイプ『すべて』にチェックをいれて『次へ』をクリック 7、インストールの準備ができたら、『インストール』をクリック 8、インストール中・・・ 以上でインストール完了です！！ 30日間ファイルメーカーを使用できます。 ←←←←ファイルダウンロード方法 人気ブログランキングへ

The web’s top 500 free fonts, calculated based on download counts from some of the biggest free font archives.Top 500 is calculated based on download counts from some of the web's biggest free font archives. The fonts presented on this page are their authors' property, and are, to the best of our knowledge, either freeware, shareware, demo versions or public domain. If anyone knows otherwise pleas