CSS-Guidelines/README.md at master · kiwanami/CSS-GuidelinesYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
CSS Guidelines High-level advice and guidelines for writing sane, manageable, scalable CSS About the Author CSS Guidelines is a document by me, Harry Roberts. I am a Consultant Front-end Architect from the UK, and I help companies all over the world write and manage better quality UIs for their products and teams. I am available for hire. Follow me on Twitter or Hire Me Support the Guidelines CSS
コーディングガイド by @mdo
HTMLシンタックス インデントã«ã¯åŠè§’スペース2個分ã®ã‚½ãƒ•ãƒˆã‚¿ãƒ–を使用ã™ã‚‹ã“ã¨ã€‚ã“ã‚ŒãŒå…¨ã¦ã®ç’°å¢ƒã§å…¨ãåŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã¯ã‹ãªã‚‰ãš1段階ã ã‘インデント(åŠè§’スペース2個)ã™ã‚‹ã“ã¨ã€‚ ã„ã¤ã‚‚ダブルクォートを使ã†ã“ã¨ã€‚属性値ã«å¯¾ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’使ã‚ãªã„ã“ã¨ã€‚ é–‰ã˜ã‚¿ã‚°ã®ç„¡ã„è¦ç´ ã«å¯¾ã—ã¦ã€æœ«å°¾ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã¯çœã事。HTML5仕様ã«çœç•¥ã—ã¦è‰¯ã„ã¨æ›¸ã„ã¦ã‚る。 çœç•¥ã§ãã‚‹é–‰ã˜ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ã“ã¨ã€‚(例ãˆã°</li>ã¨ã‹</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
マーケティングリソースã¨ã‚¢ã‚¤ãƒ‡ãƒ³ãƒ†ã‚£ãƒ†ã‚£ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ - App Store - Apple Developer
推奨ãƒãƒƒã‚¸ アプリを宣ä¼ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€é»’ã„推奨ãƒãƒƒã‚¸ã‚’使用ã—ã¦ãã ã•ã„。黒ã„ãƒãƒƒã‚¸ã®å‘¨å›²ã«ã‚るグレイã®ãƒœãƒ¼ãƒ€ãƒ¼ã¯ãƒãƒƒã‚¸ã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®ä¸€éƒ¨ã§ã‚ã‚Šã€å¤‰æ›´ã¯è¨±å¯ã•ã‚Œã¦ã„ã¾ã›ã‚“。åŒã˜å ´æ‰€ã§ä»–ã®ã‚¢ãƒ—リプラットフォームã®ãƒãƒƒã‚¸ã‚’併用ã™ã‚‹å ´åˆã¯ã€é»’ã„推奨ãƒãƒƒã‚¸ã‚’使用ã—ã¦ãã ã•ã„。ãã®éš›ã¯ã€App Storeã®ãƒãƒƒã‚¸ã‚’最åˆã«é…ç½®ã—ã¦ãã ã•ã„。 代替ãƒãƒƒã‚¸ 多様ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«æŸ”軟ã«å¯¾å¿œã§ãるよã†ã€ç™½ã„代替ãƒãƒƒã‚¸ã‚‚用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚é»’ã„推奨ãƒãƒƒã‚¸ã§ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¦‹ãŸç›®ãŒé‡ããªã£ã¦ã—ã¾ã†å ´åˆã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚白ã„代替ãƒãƒƒã‚¸ã¯ã€åŒã˜å ´æ‰€ã§ãƒãƒƒã‚¸ã‚’1ã¤ã ã‘使用ã—ã€ã‹ã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå†…ã§ä½¿ç”¨ã•ã‚Œã‚‹ä»–ã®è‰²ã‚’補ã†å ´åˆã«é©ã—ã¦ã„ã¾ã™ã€‚マーケティングコミュニケーションã§ä»–ã®ã‚¢ãƒ—リプラットフォームã®ãƒãƒƒã‚¸ã‚‚表示ã™ã‚‹å ´åˆã¯ã€é»’ã„推奨ãƒãƒƒã‚¸ã‚’使用ã—ã€ç™½ã„代替ãƒãƒƒã‚¸ã¯ä½¿ç”¨ã—ãªã„よã†ã«ã—ã¦ãã ã•ã„。 ãƒ
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precisionâ„¢ Handbook 2ã€ï¼ˆä»¥ä¸‹PPP™）ã¯ã€ã‚¦ã‚§ãƒ–サイトãªã©ã®ãƒ‡ã‚¸ã‚¿ãƒ«ç’°å¢ƒç”¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã®åŸºæœ¬åŽŸå‰‡ã¨ã€å®Ÿè·µã§ã™ãã«ä½¿ãˆã‚‹å…·ä½“çš„ãªPhotoshopã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒåŽéŒ²ã•ã‚Œã¦ã„るドã‚ュメントã§ã™ã€‚ãã®åã®é€šã‚Šã€ãƒ‘ーフェクトãªç²¾åº¦ã®ãƒ”クセルã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ãŒã€ã‚ã‹ã‚Šã‚„ã™ã„ビジュアルã¨ç°¡æ½”ãªæ–‡ç« ã§ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ 元々PPPâ„¢ã¯ã€ã‚°ãƒãƒ¼ãƒãƒ«ã«æ‹ 点を置ãデジタルデザインスタジオustwoâ„¢ ã®Gyppsyæ°ãŒåˆ¶ä½œã—ãŸãƒ‰ã‚ュメントã§ã™ã€‚iBooks版ã¨PDF版ã®PPP™ドã‚ュメントã«åŠ ãˆã€ã‚¹ã‚¯ãƒªãƒ—トやPhotoshopパターン集を付録ã®ã€Œã‚¨ã‚¯ã‚¹ãƒˆãƒ©ã€ã¨ã—ã¦ã€ustwoâ„¢ ウェブサイトã«ã¦ç„¡å„Ÿã§é…布ã—ã¦ã„ã¾ã™ã€‚ PPPâ„¢ã¯ã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã³ãŸã„人ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤ŽçŸ¥è˜ã¨æ¦‚念的ãªå…¨ä½“åƒã‚’æä¾›ã§ãるドã‚ュメントã§ã‚ã‚‹ã¨åŒæ™‚ã«ã€æ—¢
Better Specs { rspec guidelines with ruby }
translations Documentation RSpec is a great tool in the behavior-driven development (BDD) process of writing human readable specifications that direct and validate the development of your application. On the web there are many resources that give complete overview of _what_ you can do with RSpec. But there are fewer resources devoted to how to create a great RSpec test suite. Better Specs tries to
有åWebサービスã®ã“ã ã‚ã‚ŠãŒã‚ã‹ã‚‹ã€ãƒ–ランドガイドラインã¾ã¨ã‚ | Goodpatch Blog
皆ã•ã‚“ã¯ãƒ–ランドガイドラインを見ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿã‚ã¾ã‚Šé¦´æŸ“ã¿ãŒãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒ–ランドã«ä¸€è²«æ€§ã‚’æŒãŸã›ã‚‹ãŸã‚ã«ä½œã‚‰ã‚Œã‚‹ä¼æ¥ã®ãƒã‚´ã‚„ビジュアルãªã©ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã“ã¨ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚社内ã ã‘ã§ãªã社外ã«å‘ã‘ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹å ´åˆã‚‚多ãã€èª¿ã¹ã¦ã¿ã‚‹ã¨æœ‰åãªWebサービスã§ã¯ç”¨æ„ã—ã¦ã„ã‚‹ã¨ã“ã‚ãŒã»ã¨ã‚“ã©ã§ã—ãŸã€‚ãã“ã§ä»Šå›žã¯å„サービスã®ãƒ–ランドガイドラインをã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ï¼ Facebook https://www.facebookbrand.com/ ãƒã‚´ã‚„ボタンã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãªã©ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚Webサイトやå°åˆ·ç‰©ãªã©ã‚ã¡ã“ã¡ã«ãƒã‚´ã‚„ボタンãŒä½¿ç”¨ã•ã‚Œã‚‹Facebookã¯ã€ãƒ‡ãƒ¼ã‚¿ãŒAIã€PSDã€PNGã€EPSã§ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‹ãªã‚Šç´°ã‹ãルールを定ã‚ã¦ã„ã¦ã€ã‚‚ã—å°åˆ·æ™‚ã«æŠ€è¡“çš„ãªåˆ¶ç´„ã§æŒ‡å®šã®è‰²ã‚’使ãˆãªã„ã¨ãã¯ç™½é»’ã§å°åˆ·ã™ã‚‹ã€ã¨ã„ã†æ±ºã¾ã‚Š
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
guides/style at master · thoughtbot/guides · GitHub
Style A guide for programming in style. Use Hound to automatically review your GitHub pull requests for style guide violations. In addition to the general guidelines below, we also have the following more detailed, language/framework-specific style guides: Android Backbone CoffeeScript Ember.js ERb Git Haskell HTML JavaScript Objective-C Python Rails Ruby Sass Shell Swift Testing Formatting Avoid
グーグル・ブランドã®ç§˜å¯†ï¼šãã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæº–ã«è¿«ã‚‹ | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
創æ¥å½“時ã€ã‚»ãƒ«ã‚²ã‚¤ãƒ»ãƒ–リン自らGimpを使ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã¨ã„ã†Google（グーグル）ãƒã‚´ã€‚当時ã¨æ¯”ã¹ã‚Œã°ã€ç¾åœ¨ã‚°ãƒ¼ã‚°ãƒ«ã®å¤šå½©ãªã‚µãƒ¼ãƒ“スãƒã‚´ã«ã¯ã€ãšã£ã¨æ´—ç·´ã•ã‚ŒãŸå°è±¡ã‚’æ„Ÿã˜ã¾ã™ã€‚ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒªã‚·ãƒ¼ã‚’米メディア・Co.EXISTãŒç´¹ä»‹ã—ã¦ã„ã¾ã—ãŸã€‚ãã®è¨˜äº‹ã‚’翻訳ã—ã¦æŽ²è¼‰ã—ã¾ã™ã€‚（Top Image via Google Visual Assets Guidelines - Part 2） 検索サービスã‹ã‚‰ã¯ã˜ã¾ã‚Šã€ãƒ¡ãƒ¼ãƒ«ã€ãƒžãƒƒãƒ—ã€ãƒ‰ã‚ュメントツールã€SNSãªã©ã€ã‚°ãƒ¼ã‚°ãƒ«ã®è£½å“・サービスã¯ã€ã„ã¾ã‚„数多ãã®ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„å˜åœ¨ã¨ãªã£ã¦ã„ã¾ã™ã€‚ãŸã ã€æ©Ÿèƒ½é¢ã§ã®å……実ã¶ã‚Šã«æ¯”ã¹ã€ãƒ“ジュアルé¢ã§ã®æ´—ç·´ã•ã‚„統一感ã¯ã„ã¾ã²ã¨ã¤...ã¨ã„ã†ã®ãŒã€å¾“æ¥ã®ã‚°ãƒ¼ã‚°ãƒ«ã§ã—ãŸã€‚ ãã“ã§ã€ã“ã®ã‚ˆã†ãªãƒ“ジュアルé¢ã§ã®èª²é¡Œã‚’å…‹æœã™ã¹ãã€2011å¹´4月ã€æœ€é«˜çµŒå–¶è²¬ä»»è€…（CEO）ラリー・ペイジ（Larry Page
Google Visual Assets Guidelines - Part 2
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
)
Microsoft ã®è¨è¨ˆåŽŸå‰‡ - Windows app development
優れãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¾ã‚Œã‚‹åŽŸç‚¹ Microsoft ã®è¨è¨ˆåŽŸå‰‡ã«å¾“ã†ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å–œã°ã›ã‚‹ã™ã°ã‚‰ã—ã„ストア アプリを作るã“ã¨ãŒã§ãã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚アプリã®è¨ˆç”»ã‚’ç«‹ã¦ã‚‹ã¨ãã¯ã“ã®åŽŸå‰‡ã‚’å‚考ã«ã—ã€è¨è¨ˆã¨é–‹ç™ºã§ä½•ã‹ã®é¸æŠžã‚’ã™ã‚‹ã¨ãã«ã¯ã“ã®åŽŸå‰‡ã«å¾“ã£ã¦ãã ã•ã„。 モダン デザインã«ã¤ã„㦠Microsoft ã¯é•·ã‚‰ãã€å¤šãã®åˆ†é‡Žã¨è£½å“ã§ãƒ†ã‚¯ãƒŽãƒã‚¸ リーダーã§ã—ãŸã€‚最近ã«ãªã£ã¦ã€ã‚ˆã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸å¿ƒã¨ã™ã‚‹å¤‰æ›´ã«ç€æ‰‹ã—ã¾ã—ãŸã€‚ã“ã†ã—ãŸå¤‰æ›´ã¯ã€å¼·åŠ›ãªåŸºç›¤ã€å‘¨å›²ã‚’å·»ã込むよã†ãªãƒ¯ã‚¯ãƒ¯ã‚¯ã™ã‚‹ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã€å„ªã‚ŒãŸæ‰‹æ³•ã‚’特徴ã¨ã—ã¦ã„ã¦ã€ãã®ä»–ã®æ‰‹æ³•ã‚’å¤è‡ãæ„Ÿã˜ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ã“ã®å¤‰æ›´ã®è€ƒãˆæ–¹ãŒã€Microsoft ã®è¨è¨ˆåŽŸå‰‡ã«ãªã‚Šã¾ã—ãŸã€‚ Microsoft ã®è¨è¨ˆå“²å¦ã¯ã€ã™ã°ã‚„ã動作ã—ã€æœ€å°é™ã®å…¥åŠ›ã§æ¸ˆã¿ã€æ–°ã—ã„æƒ…å ±ã‚„æ›´æ–°ã•ã‚ŒãŸæƒ…å ±ã‚’è‡ªå‹•çš„ã«é€šçŸ¥ã™ã‚‹ã€æ˜Žçžã§ç°¡æ½”ãªã‚¢ãƒ—リ画é¢ã§è£ä»˜ã‘られã¦ã„ã¾ã™ã€‚ユーザーã¯ã€
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.hp-stylelink.com/news/2013/10/20131008.php
CSS-Guidelines/README.ja.md at master · kiwanami/CSS-Guidelines
æ ªå¼ä¼šç¤¾ã‚¢ãƒ¼ã‚¯ã‚¦ã‚§ã‚¤ – Archway-Consulting Service-
https://jp.techcrunch.com/2013/06/11/20130610apple-publishes-ios-7-transition-guide-to-help-developers-adopt-flat-design/
re-dzine.net situs togel online toto 2023 -
访问安全
デザイン  | Android Developers
{{#tags}}- {{label}}
{{/tags}}