実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
フェンスを外す人 - β2
イギリスのチェスタートンという批評家の名言に好きな言葉がある。 「なぜフェンスが建てられたのかわかるまで、決してフェンスをとりはずしてはならない 」 高級なクラブなどに行くと気づくのは、そこにある灰皿が極端に小さいことだ。小さく造形された灰皿はそれだけで独特な美しさを持っているが、ここには原作者の粋なアイデアが詰まっている。小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 もちろん、これを違うやり方で実現することもできる。たとえばマネージャーが、スタッフに「客を細かく見ろ。灰皿は、客が一本たばこを吸ったら必ず変えろ」と言えばいい。そういうマニュアルを作ってもいいし、バックルームに貼り紙をしてもいい。なんらかの指示や号令
アイデアに嫉妬！海外で実際に存在したクリエイティブな20枚の広告
こんにちは。 今日は海外で実際に存在した、アイデアが優れていると思った広告を20枚ほどご紹介いたします。 ガラスの広告 ガラスの強度や耐久性を表現するためにバス停に設置された3Mの広告です。監視カメラには、壊そうとする人がたくさん映っていたそうですが、誰も割ることができなかったとのこと。通行人が目を止めてしまう率はほぼ100%なのではないでしょうか。 ヨガの広告 ストローを利用した広告です。この教室にいくと、なんだか体が柔らかくなりそうですね。日常生活で気にもかけない部分が広告となるおもしろい事例。 ドッグフードの広告 地面にプリントされたドッグフードのゲリラ広告です。散歩中に間違って、犬が食べてしまいそう。 コーヒーの広告 熱気で湯気が噴出しているマンホールのふたを、珈琲カップにみたてた広告。 運送業社の広告 Fedexという運送業者の広告です。ライバル会社よりも早く届けることを連想させ
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
凄すぎて脱帽する！世界の斬新なアイデア広告12選
いやー夏ですね。7月はエアコンを絶対に付けないぞ！と決めたものですから、ダラダラと汗を流しながらブログを書いています。 こうも毎日暑いんじゃ、皆さんも集中して記事を読めないと思いましたので(普通はエアコンつけてるから平気か…)、今日は軽く読める記事を書くことにしました。読むと言うよりも見るだけで良い記事です。 その肝心の記事ですが、今日は世界中の斬新なアイデア広告を紹介させていただくことにしました。私達クリエイターは日々新しいアイデアを生み続けなければなりません。そのためすばらしいアイデアに触れることはとても大切です。今日は世界中のすばらしいアイデアに触れてインスピレーションを刺激させちゃってください！では、どうぞ。 01.ベンチスタンプ ファッションブランドの広告です。「短パン売り出し中」と書いてありますね。ベンチに文字を掘り込み、座った人の太ももにその彫った文字を残す広告ですね。街中で
これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
Vitamins DesignがSamsungのスマートフォン用に作ったマニュアル本が素晴らしい | Token Spoken
Vitamins Design社がSmasungのスマートフォン用に作ったマニュアル本が素晴らしい出来映えです： 写真だけでは良さがなかなか伝わりませんので、まずはこちらの動画を見てください： http://vimeo.com/26489936 本型のマニュアル自体にスマートフォンが収納されており、ページをめくる毎に、SIMカードの差し方からバッテリーの装着、裏蓋の閉め方、そして使い方までが一通り学べるという仕組みです。 これはまさに、本来の紙による物理的なマニュアルの存在意義に敬意を表しつつ、複雑である近代ガジェットのスマートフォンのために、更に一歩ひねりを加えてより良い物に進化した形であると言えるでしょう。 もしこれを多くのスマートフォンが採用したら、冗談抜きに初心者ユーザーの理解度が深まり、キャリアやメーカーのサポート負担が減るかと思われます。 このVitamins Design社に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
