マンジョット・ベディ 伊勢神宮「式年遷宮」への想い - PAPERSKY
来年は20年に一度の伊勢神宮の大祭、式年遷宮が行われる。持統天皇在位の690年以来、実に1300年にも渡って受け継がれてきた式年遷宮。神々が鎮座する社殿を造り替え、御装束などの調度品も一新する、国をあげての大祭である。その式年遷宮にともなうプロモーションを担い、平成16年から伊勢神宮式年遷宮広報本部より依頼を受け、宣伝活動に携わる外国人クリエイターがいる。インド出身のクリエイター、マンジョット・ベディ氏だ。TOYOTAレクサスやプリウスの広告を手がけ、国内外の広告の現場で活躍する彼は、知人に誘われて訪れた伊勢で、これまでに経験したことのない感動を覚えたという。そしてその伊勢での体験を多くの人に、多くの日本の若者に届けたい、その熱い想いが伊勢神宮式年遷宮広報本部側の想いと重なり、今回の式年遷宮にまつわる一連のプロモーション広告につながった。かつて外国人が踏み入れたことのない領域に足を踏み入れ
UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に
と、いうわけで転職しました 本来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力本願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ
Bootstrapで矢印を描くのなら「Bootstrap Arrows」:phpspot開発日誌
Bootstrap Arrows Bootstrapで矢印を描くのなら「Bootstrap Arrows」 全国の矢印好きの諸君。こんにちは。もうPhotoshopで矢印を描いて画像を作ってアップロードなんていうことは必要ない。 <span> に簡単なclassをつけるだけで、向きも、長さも、色だって、自由自在。 しかも、次のような美しい矢印が描画できる。センス云々の話ではなく、class="arrow" として rel で角度を指定するだけで美しい矢印が描けるのだ。 色んなUIライブラリはあれど、矢印まで描けるとなるともう選択肢は限られる。 これでBootstrapを使わない理由は一切なくなったのだ。 関連エントリ TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootStrap に追加できる５つのコンポーネント
丸みがかわいらしいシンプルフォント「Comfortaa」 #LOVEFONT
#LOVEFONT企画16日目担当の kanako29 ですこんにちは。 LOVEFONTでは自分の愛するフォントについて熱く語ろうということで、今回私は、「Comfortaa」というフォントを紹介します。 Comfortaa について Comfortaa の作者は、aajohan さん。 こちらのフォントは、2008年に制作されたようです。 ライセンスは、SIL Open Font License で、商用無料で使用することができます。 ウェイトは、Light, Regular, Bold の3種類です。自分は太めの方がコロッとしてかわいいと思うので、Bold +「アンチエイリアス強く」で使用することが多いです。 Comfortaa の好きなところ 私が Comfortaa を好きなところは、クセが少なくシンプルでかわいらしいところです。 特に小文字が良いです。a, b, d, p, q
画像の最大幅を calc() で制御する
画像の幅をコンテンツに合わせてフレキシブルにしたい場合、親要素の幅を超えないようにするには CSS の max-width プロパティに 100% を指定する。 img { max-width: 100%; border: 1px solid silver; padding: 0.25em; } ただ、画像にパディングやボーダーを持たせた場合、その分が親要素の幅より大きくなってしまうことがある (Fig 1)。 Fig 1: パディングとボーダーを持つ画像に `max-width: 100%;` を指定すると、親要素の幅を越えてしまうことがある これをつねに親要素に収めるようにするには、box-sizing プロパティを利用して画像の幅がパディングとボーダー込みで算出されるようにする、という手がある。 img { max-width: 100%; border: 1px solid sil
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
超簡単に綺麗なウェブサイトが無料でつくれる「Wix」 : まだ仮想通貨持ってないの？
これはすごいですねー。使えそう。 Wix無料ウェブサイトビルダー | Wix.com 超簡単にサイトがつくれる Wixは無料で使えるウェブサイト作成サービス。Tumblrっぽいですが、ブログというよりは企業サイトなどをつくるときに使えるイメージです。 ユーザー登録後、まずはカテゴリーを選択。 アプリのページをつくってみましょう。 テンプレートがいくつか表示されるので選択。 テンプレをカスタマイズ。このエディタよくできてます。 そして公開。できちゃいました。 月額8ドル払うと広告排除＋独自ドメイン利用が可能になります。12ドル払うと帯域（Bandwidth）も無制限に。 日本語にも十分対応しているので、難なく使うことができるでしょう。会社のホームページ制作で困っている方は試してみるとよさそう。 Wix無料ウェブサイトビルダー | Wix.com
2年の実務で使いやすさを追求した、便利でシンプルなワイヤーフレームのPSD素材 -RafalTomal WireframeKit
右半分 ライセンスは特に無しとのことで、個人でも商用でも無料で利用でき、修正して他の人と共有しても構わない、とのことです。 あなたがしたいことは何でもしてくれ！、と。 ワイヤーフレームの使い方としては、このワイヤーフレームと新規ドキュメントを並べてPhotoshopで開き、必要なエレメントをドラッグで移動して利用するだけです。また、エレメントのカラーはブラックになっているので、不透明度を調整し容易に背景を変更することができます。カラーを変えたい時には、レイヤーの四角いアイコンをダブルクリックしてください。 注意するポイントは、ワイヤーフレームであまりに多くのディテールを作らないことです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite LP, Disk 25
Loading...
WEBディレクターなら知っておきたいWEBサービス25選｜designaholic -Creative Column-
これぞ巧みの技！画像を一切使わずCSSだけで描いたアイコン集