HTML5 device mockups - 各種デバイスに埋め込むデザインテンプレート MOONGIFT
自分のWebサービスがスマートフォンやタブレットをサポートしている場合、それを全面に打ち出したいですよね。そんな時には通常、スマホやタブレットのモックアップをサイトに表示して、その中にWebサービスのコンテンツを表示します。 そんな感じの表示を簡単に実現してくれるのがHTML5 device mockupsです。多種多様なデバイス、向き、カラーリング選択にも対応しています。 HTML5 device mockupsの使い方 HTML5 device mockupsのデモです。こちらはiPhone。 iPadにもできます。 iMac。こちらは枠が大きいです。 MacBook Pro。 Galaxy S3。 Nexus 7。 Lumia 920。カラーリングや向きを変更しています。 このデバイスモックアップは画像で、Webコンテンツが埋め込める形になっています。HTMLはもちろん、画像も埋め込
大阪のデザイン会社｜NONVERBAL,Inc. 株式会社ノンバーバル
すべての心に 愛（ブランド）を。 変動が多く、複雑かつ多様性のある時代トレンドに応えるべく、 ノンバーバルでは、世界中すべての人の心に愛（ブランド）をもたらす ブランディングを目指します。 ブランディングで世界、社会に“活きる人”の心へイノベーションをおこし続けることが 私たちの社会に対する存在意義・責任であり、使命です。
animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス
自分で独自のアニメーション効果を作成するための関数です。 この関数でポイントになるのは、style属性の変化です。例えば”height”,”top”,”opacity”のようなstyleを、どのような値で完了させたいかを渡してやることで現在の値から変化させていきます。 ※ これらの値は、キャメルケースで表記されなければなりません。例えばmargin-leftは、marginLeftのように記述します。 例えば現在のheightが10pxで、animate関数に{height: “100px”}と渡した場合、高さが10pxから100pxに徐々に変化していく効果が得られます。これは数値のみに適用されますが、それ以外にも” hide”,”show”,”toggle”などの文字列が指定された場合にも、対応した効果を作成してくれます。 そもそも数値型の値をとらない属性（backgroundColor
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」
TOP > Design > CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」 HTMLに装飾を加えるためのCSSは、2011年頃から登場したCSS3によって表現力が劇的に向上。しかし、新しい機能や表現方法をフル活用できていないという方もいらっしゃるのではないでしょうか？そんな中今回紹介するのが、CSS3で立体的なボタンを表現するチュートリアルをまとめた「40 CSS3 Animated Button Tutorials And Experiments」です。 （CSS Buttons with Pseudo-elements | Codrops） シンプルなボタンはもちろん、デザインソフトでの制作でも時間がかかりそうなリアリティのあるボタンまで、多彩なCSSデザインが紹介さ
クリエイティブファクト株式会社
長野県に拠点を置き、長野県内はもちろん 首都圏のグラフィック、ウェブサイト、TVCMと幅広く手がけています。
ネットで見られる提案書のまとめ | Webデザインのタネ
ディレクターの提案資料を読んでから案件に取りかかることが多いと思います。おかげでさまでデザインの方向性が決まりやすいのですが、他社のディレクターやお客様サイドに立ってる人の提案資料ってどんな感じなんだろうと思って調べてみました。 特定のお客さま向けのものや、どんなお客さまに向けても使えるものまのまで色々見ましたが、自分で「ここならお仕事頼んでみたい！」と思うものを基準にピックアップしてみました。 企画書・提案書 西野有香さんのポートフォリオサイト 広告の企画書や、ロゴ、タイポグラフィ、パッケージとたくさんの種類があります。最終的な形にした経緯が素敵。ロゴを作るにあたって競合もしっかり調査されているのがよくわかります。 サイト：西野有香さんのポートフォリオサイト 村上由未子さんのポートフォリオ コンペ時の提案書のようです。要望を整理し、それらの要望に対してどのようにアプローチをしていくかが、
動物たちのハーブガーデン SOLEILA（ソレイラ）
動物たちのハーブガーデン SOLEILA（ソレイラ）は、ハーブティーをはじめとしたハーブショップです。東京駅構内のGRANSTA（グランスタ）にあります。2012.06.28 東京駅謹製ハヤシ新発売 2012.07.23 各種メディアで取り上げられました。 2012.07.23 オープン記念 ノベルティグッズ配布【終了しました】 2012.06.28 GRANSTA店本日オープン！ 2012.06.28 サイトオープンしました。 2012.07.23 東京駅謹製ハヤシ新発売 2012.07.23 各種メディアで取り上げられました。 ・フジテレビ「めざまし土曜日」 6月30日（土） 6:00～8:30 ・TBSテレビ「知っとこ！」 6月30日（土） 8:00～9:25 ・ＢＳ－ＴＢＳ「アサＢＡＮ！」 7月8日（日） 9:30～9:50 2012.06.28 オープン記念 ノベルティグ
Web技術の最新情報、お役立ちTips等をお届け クリエイターのためのWebテク講座 | 特集 | 人材紹介 | マイナビクリエイター
河野 義貴Kawano Yoshitaka インハウスのFlashクリエイターとして勤務後、2010年独立。 一年間のフリーランス期間を経て、2011年9月にスウィーツアンドストリーム株式会社を設立。 主にFlash・HTML5を駆使した、PC・スマートフォン向けインタラクティブコンテンツを中心に活動中。 マイナビクリエイターセミナー（WCBセミナー）の講師としてもおなじみ。 第6回 2012年06月 CSS3のアニメーション効果。 煩わしいベンダープリフィックスからの解放。 ベンダープリフィックスを記述しなくて済むようになる便利なライブラリ 第5回 2012年06月 CSS3のアニメーション効果。 CSS3のtransitionプロパティを使ってみよう。 CSS3の「transitionプロパティ」を使って、FlashやAjaxで実装するようなインタラクティブなUIの実装 第4回 2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
狩野祐東・狩野さやか［SOLIDPANDA-DESIGN］
Bath based Carbon Balanced printers | Opal Print | Printing Excellence
yugop.com