iOS Design Guidelines
September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio
Optimizing your JavaScript game for Firefox OS – Mozilla Hacks - the Web developer blog
When developing on a quad core processor with 16 gigabytes of RAM you can easily forget to consider how it will perform on a mobile device. This article will detail some best practices and things to consider for moving a game to Firefox OS or any similar hardware target. Making the best of 256 Mb RAM/800 Mhz CPU There are many areas of focus to keep in mind while developing a game. When your goal
『ガールフレンド（仮）ã®ã€Œå£°ã€å®Ÿè£…ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ã“ã‚“ã«ã¡ã‚。 「ガールフレンド（仮）ã€ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„る秋山ã¨ç”³ã—ã¾ã™ã€‚ 「ガールフレンド（仮）ã€ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä¸»äººå…¬ã¨ãªã‚Šã€æ§˜ã€…ãªå¥³ã®åã¨å‡ºä¼šã£ã¦ã„ã“声ãŒå‡ºã‚‹â™ªâ€å¦åœ’æ‹æ„›ã‚«ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã§ã™ã€‚å„カードã«ã¯ã€äººæ°—声優ã®ãƒœã‚¤ã‚¹ãŒä»˜ã„ã¦ã„ã¦ã€ã•ã¾ã–ã¾ãªæ¼”出ã«åˆã‚ã›ã¦ã‚ャラクターã®å£°ã‚’èžãã“ã¨ãŒã§ãã¾ã™ã€‚スマホã®ãƒ–ラウザ版カードゲーム× 声ガールフレンド（仮）ã®é–‹ç™ºã«å…¥ã‚‹æ™‚点ã§ã€ã‚¹ãƒžãƒ›ãƒ–ラウザゲームã§éŸ³å£°ã‚’出ã—ã¦ã„るサービスã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ã‚«ãƒ¼ãƒ‰ã«å£°ãŒä»˜ã„ã¦ã„ã‚‹ã‚‚ã®ã¯å°‘ãªã‹ã£ãŸã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウ
ã„ã¾ã•ã‚‰èžã‘ãªã„Retina対応ã®ãŸã‚ã®ã€Œãƒ”クセルã€ã®è©±
ピクセル密度ã¨ãƒ”クセル比ã®é–¢ä¿‚ ピクセル密度ã¯ã€æ•°ãŒå¤šã‘ã‚Œã°å¤šã„ã»ã©ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ä¸Šã§é®®æ˜Žãªæç”»ãŒã§ãã‚‹ã‚ã‘ã§ã™ãŒã€ä¸Šè¿°ã—ãŸãƒ”クセル比ã¨ã¯ç›´æŽ¥é–¢é€£ã—ãªã„ã‚‚ã®ã§ã™ï¼ˆã¨è€ƒãˆã¦ã„ã¾ã™ï¼‰ã€‚ãŸã¨ãˆã°ã€Galaxy S IVã®ã‚ˆã†ã«ãƒ”クセル密度ã¯441ppiã€ãƒ”クセル比ã¯2ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Œã°ã€HTC Oneã®ã‚ˆã†ã«ã€ãƒ”クセル密度ã¯468ppiã ãŒã€ãƒ”クセル比ã¯3ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Šã¾ã™ã€‚ ※両方ã¨ã‚‚実機ã§æ¤œè¨¼ã—ãŸã‚ã‘ã§ã¯ãªã„ã®ã§ã€Wikipediaã®æƒ…å ±ãŒæ£ã—ã‘ã‚Œã°ã®è©±ã§ã™ãŒã€‚ ※ピクセル比ã¨ã¯é•ã†ã‚‚ã®ã§ã™ãŒã€ãã‚Œã¨ä¼¼ãŸå˜ä½ã§ã‚ã‚‹dppx (dots per pixel unit)ã§ã¯ã€CSSã§å®šç¾©ã•ã‚ŒãŸ1インãƒãŒ96pxã«ãªã‚‹ãŸã‚ã€1dppx = 96dpiã«ãªã‚Šã¾ã™ã€‚ ピクセル比ã«ä¼¼ãŸå€¤ã€Œdpã€ã¨window.devicePixelRatio Androidã®å¯†åº¦éžä¾å˜ãƒ”クセル「dp〠Density-i
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作るã¨ãã® viewport è¨å®šï¼“パターンã
スマートフォンå‘ã‘ã® Web サイトを作るã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚る。 最近ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web デザインãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—㦠viewport ã®è¨å®šãƒ‘ターンを抑ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’解説ã™ã‚‹ã€‚ パターン1: 何も考ãˆãšã« HTML を書ã ã¾ãšã¯ã€viewport を指定ã›ãšã«ã€å˜ç´”㪠HTML をスマートフォンã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ 湯気ãŒ<strong>「ã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—味ã«ãªã£ã¦ã„ã¾
レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン - メディアクエリã®ãƒ‘ワーを使ã„ã“ãªã™
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム10 オートコンプリート 1 ãŠçŸ¥ã‚‰ã› 69 クãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 サイトクリニック 4 サイトマップ 15 ã—ã”ã¨æ¤œç´¢ 1 スマートフォン 11 セーフブラウジング 5 ã‚»ã‚ュリティ 1
Average App Store Review Times
What is this? I got tired of people asking me “How long does Apple take to review an app?†so I created this site to attempt to crowdsource an average app store review time from Twitter. How do I contribute? Just tweet the time it took for your last app review and include one of the hash tags along with a number of days. Just the hash tag and "X days" is all that is needed at a minimum but includi
ADC OnAir 第5回 『レスãƒãƒ³ã‚·ãƒ– Web デザインをå¦ã¼ã†ï¼å®Ÿè£…ç·¨ã€
3. リã‚ッド < レスãƒãƒ³ã‚·ãƒ– • ブラウザã®å¹…ã«å¿œã˜ã¦ • デãƒã‚¤ã‚¹ã®å¹…ã«å¿œã˜ã¦ã€ è¦ç´ ã®å¹…ã®ã¿ãŒå¯å¤‰ è¦ç´ ã®å¹…ã ã‘ã§ãªã〠色ã€èƒŒæ™¯ãªã©ã‚‚å¯å¤‰ • ベースレイアウトã¯åŒã˜ã€‚ デãƒã‚¤ã‚¹æ¯Žã«å€‹åˆ¥ã® レイアウトã«ã¯ãªã‚‰ãªã„ • レイアウトもデãƒã‚¤ã‚¹æ¯Žã« é©ã—ãŸã‚‚ã®ã«å¯å¤‰ • コンテンツé‡ã‚‚å¯å¤‰ 4. レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン 実装ã®åŸºæœ¬ • HTML+CSSã¯ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ • 基本ã€ãƒªã‚ッドレイアウト • 「viewportã€ã‚’指定ã™ã‚‹ • ブラウザ幅ã®ãƒ–レイクãƒã‚¤ãƒ³ãƒˆ • CSS3「Media Queriesã€ã§å®Ÿè£…ã™ã‚‹ • CSSã«ã‚ˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
HTML5 presentation
This presentation is an HTML5 website Press → key to advance. Zoom in/out: Ctrl or Command + +/- Having issues seeing the presentation? Read the disclaimer HTML5* Web Development to the next level *Including other next generation technologies of the Web Development stack Rough Timeline of Web Technologies 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Tablel
Touch
jquery.doubletap - Custom touch events for jQuery. Demo. Touchy - Highly configurable jQuery plugin. Exposes event data (velocity, etc) for longpress, drag, pinch, rotate, swipe. Example use cases: prevent conflict between drag and swipe; get pinch abstracted across Android and iOS; create a single finger rotation. jQuery UI Interactions - Rewrite of the existing jQuery UI interactions, now with m
CSS Buttons with Pseudo-elements | Codrops
In this tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS. Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past. In this tuto
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webサイトを作る時ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚一緒ã«åˆ¶ä½œã—ã¦ã„る方も多ããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚スマホサイトを制作ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作る時ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”覧下ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ラウザーã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”覧ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—サイズã®è‡ªå‹•èª¿æ•´ã‚’オフリストã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—）範囲を広ã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS を変ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ストã®ã‚ã‚‹ Div 全体をクリック（タップ
超定番㮠jQueryプラグインをサンプルã¨ä¸€ç·’ã«é›†ã‚ã¾ã—ãŸã€‚（商用利用OKãªã‚‚ã®å¤šã‚） | KAYAC DESIGNER'S BLOG - デザインやマークアップã®è©±
超定番ã®jQueryã®ãƒ—ラグインを厳é¸ã—ã¦é›†ã‚ã¾ã—ãŸã€‚ 商用利用ãŒå¯èƒ½ãªã‚‚ã®ã‚’優先的ã«ãƒ”ックアップã—ã¦ã„ã¾ã™ã€‚ （利用ã™ã‚‹éš›ã¯ãã‚Œãžã‚Œãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„ã） 超定番プラグイン アニメーションã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚’ç°¡å˜ã«æ‰±ãˆã‚‹ãƒ—ラグイン jQuery.easing jQuery.easing
JavaScript Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming). Patterns collected while developing 喜感网. General Patterns Function Declarations - creating anonymous functions and assigning t
Apple Days | Apple製å“ã®ç™ºå£²å‘¨æœŸã¾ã¨ã‚
Apple製å“ã®ã“ã‚Œã¾ã§ã®ç™ºå£²æ—¥ã‚’å…ƒã«ã€æ–°è£½å“ãŒå‡ºã‚‹ã¾ã§ã®å‘¨æœŸã‚’ã¾ã¨ã‚ã¾ã—ãŸï¼
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CodePen - Apple Keyboard Style Buttons
Build and implement a single sign-on solution
GitHub's CSS Performance
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck
Using Facebook Graph API In Flash AS3 (1.5) – prosoxi.com
{{#tags}}- {{label}}
{{/tags}}