iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
AppleがiOS 7向けアプリのUIデザインで「すべきこと」や「してはいけないこと」などをまとめたサイトをオープン - GIGAZINE
iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています。 Designing Great Apps - Apple Developer https://developer.apple.com/design/ このサイトは登録済みiOSデベロッパー向けのもので、iOS 7向けアプリをデザインする上で必要な要素を、複数のページとApple World Wide Developer ConferenceやTech Talksのムービーを使って解説してくれます。 例えば、UIデザインのヒントを集めているのが以下のページ。 UI Design Dos and Don'ts - Apple
レスポンシブWebデザインでハマりがちな%指定 │ Design Spice
レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指
CSS Diner
No worries, you've got this! You're about to learn CSS Selectors! Selectors are how you pick which element to apply styles to. Exhibit 1 - A CSS Rule p { margin-bottom: 12px; } Here, the "p" is the selector (selects all <p> elements) and applies the margin-bottom style. To play, type in a CSS selector in the editor below to select the correct items on the table.If you get it right, you'll advance
フリーフォントの樹 - 無料フォント配布中
無料の刻フォントを、デザイナー・クリエイター、すべての人へ 刻フォントは、一字の中に意味を内包する漢字と、それ単体では意味を成さない仮名文字を、根本的に別のものとしてデザインしたらどうなるだろうという 知的好奇心から作成が始まりました。 いわばアルファベットの大文字と小文字の関係のように、両者は全く別の存在と割り切った中で字面の大きさを分別し、 その上できれいに統一感の取れた文字が並ぶようにフォントデザインの試行錯誤を重ねました。 また、それは漢字と仮名の関係にとどまりません。 〈ひらがなやカタカナ・漢字〉と〈アルファベット〉の交わった文章でも、またその雰囲気がぶれることのないよう、 仮名文字の大きさや配置する高さを調整しました。 特に刻明朝は、ギフトに用いる素材にも適したロマンチックな印象のフォントに仕上がりました。 これらのフォントは無料でプレゼントしています。クリエイティブな活動をす
FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ
FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム！ ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91：h1 w468px以上でないと大きく表示されない（※Face
Chordana Viewer
お気に入りの楽曲の コード譜作成をサポート カシオ独自の技術で、オーディオファイルの演奏音を自動解析。 解析した音をコード譜として画面に表示します。 また、楽曲を再生しながら楽器のコードポジションを確認することもでき、音楽の楽しみがさらに広がります。 オーディオファイルの演奏音を解析し、コード譜作成をサポートするアプリケーション。 iPad、iPhone内のオーディオファイルを、カシオ独自のChordana技術で解析し、曲中で演奏されている音をコード譜として画面に表示。同時に、曲の再生に合わせて、楽器のコードポジションも表示します。 また、コードの解析結果を、楽器パッドで演奏して確認することが可能。実際の音を聞きながら、自分でコードを編集することができ、より精度の高いコード譜作成を実現。いちから耳でコードを聞き取る時間や手間を大幅に軽減できます。 解析／編集されたコード譜は保存できるのはも
Recommended GitHub Atom Packages for Web Developers
editor for the past couple of weeks and I've really enjoyed it. At first there weren't very many extensions/packages available, but the community has been quick to fill in that gap. You can browse the packages online or from Atom's Preferences... (⌘,) Official PackagesGitHub has included serveral packages in the base install of Atom and in addition they've created other helpful packages as well. S
JavaScript MVC Style Guide
Over the years I've come up with a few rules for MVC web apps that have served me well and kept large codebases from descending into chaos. While the terminology may differ, these rules should hold true for most client-side MVC frameworks such as Backbone and Ember. Some frameworks have different naming MVC conventions, and slightly different takes on separating concerns. In this document, control
Speaking JavaScript
Speaking JavaScript Homepage Buy the book (Ad, please don’t block.) Table of contents Praise for Speaking JavaScriptPrefaceWhat You Need to Know About This BookTips for Reading This BookThe Four Parts of This BookJavaScript Command LinesNotational ConventionsDescribing syntaxReferring to methodsCommand-line interactionTips, notes, and warningsQuickly Finding DocumentationSafari® Books OnlineHow to
良かれと思ってやっていた...どんなカップルでも起こりうる5つの微妙なコミュニケーション・ミス | ライフハッカー・ジャパン
パートナーとの関係がどんなにうまくいっていても、誤解やコミュニケーションの失敗を避けることはできません。2人の関係を壊しかねない、よくある5つのコミュニケーション・ミスとその防ぎ方を紹介します。 ここでは、極端な避難、保身、軽蔑、閉め出しなど、あからさまに関係を壊すタイプのコミュニケーションについては触れません。もっと微妙な、気付かないうちにあなたもやっているかもしれないことをお伝えしたいのです。 1. コミュニケーションは多い方がいいという勘違い ハッピーな関係には良好なコミュニケーションが不可欠と思っている人は多いかもしれません。それはある意味正しいのですが、その幸せを生み出しているのは、必ずしもコミュニケーションだけではありません。むしろ、話し過ぎは逆効果になることだってあるのです。結婚・家族セラピストのエリカ・カーティスさんはこう言っています。 コミュニケーションがつながりを生むと
「Google Apps」についての知られざる40の統計
GoogleはWord・Excelなどの主要Officeソフトをダイレクトに置き換え可能な、Googleドキュメント・スプレッドシートなどのクラウドベースのオフィスアプリケーションをパックにした「Google Apps for Business」を提供しており、会社のITインフラをクラウドベースにまるごと移行する企業も多く出現しています。MicrosoftはOffice 365をリリースするなど、クラウドベースのオフィスアプリ(クラウドオフィス)市場では競争が激化していますが、BetterCloud BlogがGoogle Apps市場やユーザーの利用状況などの40の統計をまとめています。 These 40 Stats Will Change the Way You Think About Google Apps | BetterCloud Blog http://blog.betterc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dandkagency.com/velositey/
モダンCSS設計の解説サイトまとめ - Qiita
Engadget | Technology News & Reviews
How I Learned to Stop Worrying, and Love Dart - Matt Briggs
camanjs.com
https://blog.wearther.cc/2014/03/19/nodejs-+-backbone-=-wearther/
Boilerplate for static site generation