President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Even if you are really familiar with P
101 TOKYO 2009の会場は、AKIBA_SQUAREに決定!! 2008年11月14日 東京 101TOKYO実行委員会は、2009年4月に開催を予定しております101TOKYO Contemporary Art Fair 2009の会場を、AKIBA_SQUARE(東京都千代田区)に決定いたしましたので、ここにお知らせいたします。AKIBA_SQUAREは、秋葉原駅にほど近い秋葉原UDX内にあり、秋葉原駅から徒歩でわずか2分。また同時期に開催されるアートフェア東京や他のアート関連イベントが行われる有楽町駅・東京駅から山手線で10分以下の距離に位置します。 (http://www.akiba-square.jp/index.html) 「2009年の会場は,これまでの開催とまったく異なる雰囲気になると思う。今から開催を待ちきれない気持ちでいっぱいです。」 と,101TOKY
今まで21回に渡って、結果を出すための勉強にどう取り組むかをご紹介してきました。最終回は、モチベーションをどうやって維持するか――です。重要ですよね。 今まで21回に渡って、結果を出すための勉強にどう取り組むかをご紹介してきました連載「3分で読める! 隣のヤツより成果を出す勉強術」。最終回の今回は、最も重要な「学ぶモチベーションをどうやって維持させていくか」について話したいと思います。 その管理職のモチベーションが上がった質問とは 先日、管理職の人たち向けの研修を行っていたときのこと。参加者の1人と話していたんですが、どうもその人は、仕事に対してのモチベーションがもう1つ上がらないご様子でした。 もちろん、責任ある立場にいらっしゃいますし、当然ながらその職責を果たすだけの能力もある人です。やる気がないわけではありませんが、立たされた立場からくる責任感の方が強いとのことでした。ですから、やり
FlashでもAjaxでもない。シンプルで機能的なWebサイトへ――。ユニクロの公式サイト「UNIQLO.COM」(http://www.uniqlo.com/jp/)が3月26日にリニューアルした。従来のキャンペーン情報中心から、商品紹介とECを中心としたサイトへ転換。商品購入ページへダイレクトに飛べるようになった新しいトップページは、それまでの派手なFlashアニメーションが姿を消し、画像とHTMLのみで表現されたシンプルかつインパクトのあるデザインに一新された。 旬の商品がすぐ見られる・買える「シンプルで超合理的なデザイン」へ 新しい「UNIQLO.COM」のコンセプトは、「シンプルで超合理的なデザイン」(ユニクロ)。ユニクロの商品そのものにも通じるこのコンセプトは、「最新のトピックが一目で変わり、欲しい商品がすぐに買える」サイトデザインによって、具現化されている。 以前のUNIQL
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか? 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に 例えばアマゾンなどの巨大ECサイトではナビゲーションによる誘導が重要であるため、ナビゲーションが画面から切れてしまうことのないよう、左側にナビゲーション設置しています。 上記のほかの考え方として、ユーザがそのサイトと同時に利用する競合サイトと同じ位置にナビゲーションを設置する、という考え方もあります(ユーザの慣れや先入観に配慮する)。 ナビゲーション設置時には「コンテンツ」と「誘導」のいずれが大事なのかによって設置位置を調整するようにしましょう。
いまや持っているのが当たり前になったiPod関連商品のUIをまねしてみましょう。 以前、「iPhone」風UIを実現するJavascript「iUI.js」でも紹介したUIをjQueryのプラグインjQTouchで実現可能になりました。 ※iPhoneやSafari 4 beta、WebKit搭載ブラウザなどでしか、きちんと動作しません。 sponsors 使用方法 jQTouchからファイル一式をダウロードします。 <style type="text/css" media="screen">@import "jqtouch.css";</style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jqtouch.min.js"></scr
PCサイトの開発/運用から、モバイルサイトの開発に移りつつある渡邊です。 ECサイトや自社サービスを運用していると、サービスを一時停止しなければならないケースがあります。 そんな時はメンテナンスページを用意して、ユーザーにサービスが一時停止していることを伝えます。 しかし、メンテナンスページには意外と気が付きにくい失敗の罠が潜んでいます。 今回はその失敗しやすい3つのポイントをフォローします。 1. mod_rewriteを使ってみよう アプリケーションごとにメンテナンスページへのリダイレクトの設定を行うと、 設定の漏れや確認不足による不具合が発生することがあります。 .htaccess に以下のような設定を行うだけで、http://test.domain.com/ 以下が、 全て http://test.domain.com/maintenance.html へリダイレクトされます。 R
What does Styleneat do exactly? It organizes and standardizes your CSS - selectors, sub-selectors and properties - in a structure that makes it easier to define page areas and see how they relate to each other. So, for example, it turns this: #id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value; property2: value2; property3: value3; } #id1 .class1 a span { p
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and
企画書、チラシ、WEBサイト...制作作業にはフォントに関する困った事が色々あります。今回は、そんな困り事を解消する、フォントに関する便利なツールやアプリを、まとめて一挙に18種類ご紹介します。見出しのラインナップは以下にまとめてあります。気になるところだけ見ていってください。 1)フォントを楽に管理したい 2)気になるフォントを探し当てる方法 3)無料でフォントをダウンロード 4)フォントを自作する方法 1)フォントを楽に管理したい すべてのOSに、フォントビューアーやインストーラーは内蔵されていますが、外付けハードディスクには使えなかったり、仕事でフォントを使い込む人には不十分な場合もあります。 ◎Font Picker [すべてのOS(Adobe AIRインストールが条件)] パソコンのシステム内にある全てのフォントを一覧で表示してくれるのが「Font Picker」です。(米lif
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
ecute(エキュート)公式ウェブサイト。エキナカ商業空間の名称。「駅を中心に、あらゆる人が集い楽しむ快適空間」を目指し、徹底した顧客志向で質の高い時間をお客さまに提供いたします。
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
最後のステージは北海道を選ばなくてもクリアできる時が時々あるんで、地域ボーナスを利用して112410Pまで取ることができました。
Interface Design Inspiration | 36 Beautiful Login Page/Form Designs This post is a part for dzineblog’s interface design inspiration series, the series which focuses on inspiration on graphic user interface designs that will help you in enhancing your interface design skills, While designing a login form/page a lot doubts will arise, For example, should it be login, log in or sign in? How should t
Use jQueryは、JavaScriptのライブラリ「jQuery」とそのプラグインを使用したウェブサイトのショーケースです。
第23回では、テンプレートをモジュール化する方法について説明しました。今回は、カテゴリーごとにテンプレートを切り替える方法について説明します。 今まで説明してきた全23回の中でも特に重要な回になります。なぜ重要なのか、おおよそ想像がつくかと思いますが、Movable Typeのデフォルトでは、カテゴリーごとにテンプレートを変更することができません…。 これがどういうことかというと、元となるテンプレートが3カラムデザインなら全てのページが3カラムとなり、2カラムデザインなら全てのページが2カラムとなってしまいます。しかしながら、実際問題、カテゴリー別にレイアウトを変更したり、特定のカテゴリーだけオリジナリティなデザインで構成したいケースは少なからずでてくるかと思います。 例えば、ニュースカテゴリーを3カラムに、通常の日記を2カラムにしたり、あるいは、特定のカテゴリーのみタイトル一覧で表示させ
1.正規表現とはなにか? 端的に言えば、「いくつかの文字列を一つの形式で表現するための表現方法」です。 では、なぜこの表現方法が有名なのかといえば、この表現方法を利用すれば、たくさんの文章の中から容易に見つけたい文字列を検索することができるためです。 この形式を使えば、以下のようなコギャルの会話にもついていけます(^_^) 「Windows ってあって…WINDOWSかもしんないしぃ、次にスペースが入ってるかもしんないしぃ、入ってないかもしんないし、後にやっぱ 98 が付くってゆーかー、もしかすると 95 が付いてもいいかなぁって感じでぇ…」 これ以上続けるとこちらがキレてしまいそうなのでこのあたりにしておきますが…これは、正規表現で書くと… W(indows|INDOWS) ?9[85] って感じで一行で書けちゃうっていうかぁ…あ、つい、口調が移ってしまった(^_^;)…書けるのでありま
コンピュータで何かをデザインする際には、ピクセル単位で決められていく。まっすぐに並んでいるはずのものが左右にぶれていたり、意図した幅と異なっているともの凄く違和感を感じてしまうことがある。 格子を使ってデザインを補助 そのため、様々なグラフィックスアプリケーションではグリッド表示機能が実装されている。それをどのアプリケーションでも使えるようにするのがSlammerだ。 今回紹介するフリーウェアはSlammer、グリッド表示アプリケーションだ。 Slammerを起動すると縦に何本もの線が表示される。これによってデザインに問題がないかをすぐにチェックできる。垂直線のみならず、水平線も簡単に設定できる。線の幅、線の太さも指定できる。 Webサイトのデザインでも 線の色や透明度も指定できるので、元のデザインに合わせてみやすい色を選べる。なおSlammerを前面に表示しているとその後ろにあるアプリケ
お問い合わせいただき、誠にありがとうございました。 折り返しご連絡いたしますので今しばらくお待ちください。 自動返信メールが届いていない場合は、メールアドレスが誤っている可能性がありますので、 その際はお電話またはメールフォームより再度お問い合わせください。 この度はお問い合わせいただき、ありがとうございました。 重ねて御礼申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く