UIのビジュアルデザインを考えるタイミングはいつ? さて、方向性を決めたあともUIデザインプロジェクトを襲いかかる敵はまだまだいます。 そのひとつが「ビジュアルデザインを考えるタイミング」の間違いです。 書籍などではUIの要素の話の章と、ビジュアルデザインの話が分けて書いてあることも多いようです。 それは書籍の構成上なのか、デザインのプロセスを単純に説明するためか、スキルセットとして、上流のリサーチや企画をする人は言語で考える方が得意で絵があまりかけないからかわかりませんが、あまり同時に検討するという表現がされていないように感じています。 ただ、書籍などで分けて書いてあるからといって、実際に完全に分離できると考えていると現実とのギャップが生まれます。 以前に書きましたが、目に見えるという意味では、UIデザインは最初からビジュアルデザインでもあるからです。 「見た目はあとで」と思っていると、
Ever marveled at the magic of React? Ever wondered how Dojo does it? Ever been curious about jQuery's gymnastics? In this tutorial, we’re going to sneak behind the scenes and try our hand at building a super-simple version of jQuery. We use JavaScript libraries nearly every day. Whether it's for implementing an algorithm, providing an abstraction over an API, or manipulating the DOM, libraries per
TypeScript is JavaScript with syntax for types.TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
It is necessary for web developers to understand and know how to use browser developer tools, and in this tutorial, I will introduce you to the Chrome Developer Tools. You'll learn some of the basics, starting with marking up and styling a web page. A quick note to existing developer tool users: The purpose of this tutorial is to provide a relatively basic introduction to Chrome's developer tools.
What is jarallax? Web based parallax scrolling and much more! Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website. What to do next Download Jarallax Follow video tutorials Stay updated Follow Jarallax Facebook Twitter Google+ Github Support Jarallax Share Jarallax with your friends. Like u
詳細 料金体系 クリック単価ベース条件Facebook上に存在するページやアプリや投稿した記事「旅行」「プレゼント」などの広い意味のキーワードでは出稿不可掲載場所 検索キーワード入力時に予測されるページやアプリが表示される箇所 ※最終的な検索結果画面には掲載されません。誘導先 誘導先はFacebook内のみ ※Facebookページやアプリ以外にも特定の記事にも誘導できるようです。使用が想定される場面Sponsored Resultsを企業が利用するには以下のようなケースが想定されます。 検索結果からFacebookページ以外にも、特定の記事やアプリに誘導したい場合(特にキャンペーン展開時に有効)同じキーワードを含んだFacebookページ名があり、それより表示順位が低い場合自社のFacebookページを検索しても表示されない場合(参照URL: http://jp.techcrunch.c
Photo: gyroscopio ※このエントリは、SoftBankのすべてのiPhone 5で同様な問題が起きるのだと主張し、そしてそれを告発するといったような意図はありません。快適に使っている人が大半でありましょう。トラブルに遭遇した当事者である僕が、同種の症状に直面した方に向けて事例を共有しているに過ぎず、あなたの何の問題も存在しない、ピカピカで素晴らしいiPhone 5の価値を貶めているのではありません。また、問題の根、メカニズムを追究するような志はありません。そこまでの責任は負うていませんし、問題の解決をSoftBankにもAppleにも求めていません。 劣勢が伝えられるSoftBankのiPhone 5だけど ひとりぶろぐのmoyashi (@hitoriblog) です。 iPhone 5買いました。SoftBankです。 SoftBankの方がバッテリの減りが多く、そして
カメラ # PerspectiveCamera以外にOrthographicCameraがあります。 # 引数: 視野角(垂直)、描画範囲の縦横比、カメラから一番近い描画点、カメラから一番離れた描画点 @camera = new THREE.PerspectiveCamera(40, document.width / document.height, 1, 10000) # カメラの位置 @camera.position.y = 300 @camera.position.z = 1000 レンダラー(sceneの描画を行うためのオブジェクト) # WebGLRenderer以外にCanvasRenderもあります。 # 引数のオプションは下記を参照 # https://github.com/mrdoob/three.js/wiki/WebGLRenderer @renderer = new
1 :以下、名無しにかわりましてVIPがお送りします :2012/10/07(日) 08:08:13.64 ID:UQr33T/x0 A. B. 4 :以下、名無しにかわりましてVIPがお送りします :2012/10/07(日) 08:09:38.16 ID:p3v8gVw50 B? 5 :以下、名無しにかわりましてVIPがお送りします :2012/10/07(日) 08:09:39.40 ID:VhD/h8/P0 コンセントみたいな方 6 :以下、名無しにかわりましてVIPがお送りします :2012/10/07(日) 08:09:49.25 ID:MnBJyHyD0 ピカソの絵の良さがわかる俺はAだと思う 7 :以下、名無しにかわりましてVIPがお送りします :2012/10/07(日) 08:09:59.33 ID:WuEU+qCo0 両方ともやる気がないのは分かった 10 :以下、名
CSSを効率的に書くための拡張メタ言語「LESS」の使い方を紹介します。 LESS 1.「LESS」でできること 簡単な例として、次のように変数「@xxx」を使って値を定義することができます。 @radius: 10px; @bg-color: #fff; @padding: 10px; .foo { background: @bg-color; padding: @padding; border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .bar { background: @bg-color; padding: @padding; border-radius: @radius; -webkit-border-radius: @radius; -moz-border-ra
Opening the Web Platform We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.
そんな訳で、CSSの拡張メタ言語であるLESSをCSSにコンパイルする手順を学んでおくとします。 前回、LESSとはなんぞやという記事を書きました。今回はそれの補足に当たる内容なので、LESSをまだご存じないという方は、こちらに目を通されておくのがよろしいかと思いますが、「そんなのめんどくせー、息をするのもめんどくせー」という横着なアナタのために簡単に説明しておきます。 LESSとはCSSに対する拡張メタ言語のことです。拡張メタ言語とは、元の言語と同じ意味(機能)をより少ないコードで表現できるようにしたもので、「あー、CSSダラダラ書くの超めんどくせー、息をするのもめんどくせー」という横着なアナタにピッタリの言語というわけです。詳しくはこちらをご覧ください。 LESSからCSSファイルを書き出す (Win) lessc.exe まずはコマンドラインツールによる手法からやっていきます。以下の
Classmethodさんのステキ記事、「ちょっと高度にJavaScript/クロージャの基礎」 JavaScriptで関数や変数の隠匿には気をつかいますよね。 特に複数の人間が開発に携わっている時。 ほっとくとglobal領域を汚染したり上書きが発生したりとよろしくないことが発生しがちになります。 プロジェクトとして開発に同時参加なら規約など作って情報共有できたり、まずいことが見つかればお互いに連絡を取れたりするので人力でカバーすることも出来るのですが… 誰かが作ったJavaScriptで機能実装済みのHTMLファイルをわたされ、さらに別の機能を実装する時はそんな規約も連絡もありはしないので、さらに神経質にならないといけません。 名前空間を汚染しないように*即時関数にファイルを閉じ込めて作成します。 これは以前投稿している「名前空間の汚染問題を考える」当たりをご興味があればご覧下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く