[B! HTML5] core311ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

core311 id:core311

HTML5ã«é–¢ã™ã‚‹core311ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (56)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ä»Šå¹´æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ãƒ³Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚ä»Šã¾ã§å¹¾åº¦ã‚‚é–¢é€£è¨˜äº‹ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’ç”¨ã„ã¦ã€è¦–è¦šçš„ã«ã‚‚ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«ã‚‚å„ªã‚ŒãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’å®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–ãƒ‡ãƒ¢ã€Kitteh Anonymousã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å®Ÿéš›ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ˆPolymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã®ã«ä½¿
core311 2015/01/27
html5

Web Components

Polymer
ãƒªãƒ³ã‚¯
TypeScript 1.0 ã‚ªãƒ¼ãƒãƒ¼ãƒ“ãƒ¥ãƒ¼
1. TypeScript 1.0 ã‚ªãƒ¼ãƒãƒ¼ãƒ“ãƒ¥ãƒ¼ äº•ä¸Š ç« (ã„ã®ã†ãˆ ã‚ãã‚‰) http://aka.ms/chack æ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆæ ªå¼ä¼šç¤¾ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ & ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚ºãƒ çµ±æ‹¬æœ¬éƒ¨ ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆ 2. ïƒ¼ JavaScript ã¨ Web æŠ€è¡“ã®ã“ã‚Œã¾ã§ã‚’æŒ¯ã‚Šè¿”ã‚‹ ïƒ¼ TypeScript ç™»å ´ã®èƒŒæ™¯ã‚’çŸ¥ã‚‹ ïƒ¼ TypeScript 1.0 ã®è¨€èªžä»•æ§˜ã¨åˆ©ç”¨æ–¹æ³•ã‚’å¦ã¶ ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚´ãƒ¼ãƒ« Session Takeaways 8. HTML5 & CSS3 & JavaScript (function ($) { var offsetX = 20, offsetY = 20; $.widget('qs.infobox', { options: { dataUrl: '', maxIt ems: 10 }, _create: function () { var
core311 2014/06/15
javascript

html5
ãƒªãƒ³ã‚¯
ã¯ã‚„ã‚ã‹ã‚ŠHTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºäº‹æƒ…
29. âˆ¼ã¨ã„ã†æ©Ÿèƒ½ã¯ä½œã‚Œã‚‹? 29 â€£ ã‚ã‚‰ã‹ã˜ã‚æ¤œè¨¼ã—ã¾ã—ã‚‡ã† â€£ HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚ã‚Šãã«ãªã‚‰ãªã„ â€£ PhoneGapãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã‹ã©ã†ã‹è©¦ãã† â€£ PhoneGapãƒ—ãƒ©ã‚°ã‚¤ãƒ³è‡ªä½œã‚‚æ¤œè¨Žã™ã‚‹ â€£ ã‚‚ã¡ã‚ã‚“HTML5ã‚’ä½¿ã‚ãªã„é¸æŠžè‚¢ã‚‚
core311 2014/05/27
html5

ã‚¢ãƒ—ãƒª

Cordova
ãƒªãƒ³ã‚¯
ã€ŒCSS Regionsã‚’ä½¿ã£ãŸæ–°ã—ã„CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹æ–¹æ³•ã€HTML5 Conference2013ãƒ¬ãƒãƒ¼ãƒˆ
ã€ŒCSS Regionsã‚’ä½¿ã£ãŸæ–°ã—ã„CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹æ–¹æ³•ã€HTML5 Conference2013ãƒ¬ãƒãƒ¼ãƒˆ é¦¬å ´ ç¾Žç”±ç´€ï¼ˆHTML5 Experts.jpç·¨é›†éƒ¨ï¼‰ 11æœˆã«iOS7ã®Safariã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã€ä¸€èºæ³¨ç›®ã‚’é›†ã‚ã‚‹ã“ã¨ã«ãªã£ãŸã€ŒCSS Regionsã€ã€‚é›‘èªŒã‚„æ–°èžã®ã‚ˆã†ãªã€è‡ªç”±ã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã§ãã‚‹ã¨æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®å®Ÿã€ä½•ãŒã§ãã‚‹ã®ã‹ã¯æœªçŸ¥æ•°ã§ã™ã€‚ 2013å¹´11æœˆ30æ—¥ï¼ˆåœŸï¼‰ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5 Conference 2013ã€ã®ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºè½Ÿå•“ä»‹ã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒCSS Regionsã‚’ä½¿ã£ãŸæ–°ã—ã„CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹æ–¹æ³•ã€ã§ã¯ã€ä¸»ã«ã€ŒCSS Regionsã€ã‚’ä½¿ã£ã¦ã§ãã‚‹ã“ã¨ã€ãã—ã¦å®Ÿéš›ã®è¨˜è¿°æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã•ã‚Œã¾ã—ãŸã€‚ è¤‡æ•°ã®ãƒœãƒƒã‚¯ã‚¹ã‚’ã¾ãŸã„ã§ãƒªãƒ•ãƒãƒ¼ã§ãã‚‹ ã€ŒCSS Regionsã€ ç¾åœ¨ã€ã€ŒCSS Regi
core311 2013/12/25
html5

css3

layout
ãƒªãƒ³ã‚¯
ã“ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§HTML5ã¯æ•‘ã‚ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ | readwrite.jp
HTML5ã¯ã‚¦ã‚§ãƒ–ãƒ»ãƒšãƒ¼ã‚¸ã‚’ã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«å‹•ã‹ã—ã€ãã—ã¦Flashã«å–ã£ã¦ä»£ã‚ã‚‹ã¯ãšã ã£ãŸã€‚ã—ã‹ã—ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œã§ã€ã‚¢ãƒ—ãƒªé–‹ç™ºè€…ã®HTML5å°Žå…¥ã¯é…ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã€‚ Famo.usç¤¾ã¯ã“ã®ã‚®ãƒ£ãƒƒãƒ—ã‚’åŸ‹ã‚ã‚‹ãŸã‚ã«ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸå°ã•ãªä¼šç¤¾ã ã€‚åŒç¤¾ã¯2Dã¨3Dã®ä¸¡æ–¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é«˜é€Ÿè¡¨ç¤ºã™ã‚‹ãŸã‚ã€HTML5ã®é…å»¶è¦ç´ ã‚’æœ¬è³ªçš„ã«å›žé¿ã™ã‚‹ç‹¬è‡ªã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é–‹ç™ºã—ãŸã€‚ã“ã®Famo.usã«ã‚ˆã£ã¦ã€é–‹ç™ºè€…ã¯HTML5ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œã«è‹¦ã—ã‚€ã“ã¨ãªãã€ã‚ˆã‚ŠçŸæœŸé–“ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã£ãŸã®ã ã€‚ Famo.usã®ç§˜å¯†ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã“ã¨ã ã€‚JavaScriptã¯æ¥µã‚ã¦é«˜é€Ÿã«å‹•ä½œã—ã€æ—¢ã«ã‚ã‚‰ã‚†ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§åºƒãä½¿ã‚ã‚Œã¦ã„ã‚‹ã€‚Flashã¨ã¯ç•°ãªã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒãã‚Œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹å¿…è¦ã‚‚ãªã„ã€‚
core311 2013/12/12
html5

javascript
ãƒªãƒ³ã‚¯
ç©æ¥µçš„ã«ä½¿ãŠã†ã€‚ç”»åƒã‚µãƒ ãƒã‚¤ãƒ«ä»˜ããƒ‰ãƒãƒƒãƒ—å¼ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€Â·Dropzone.js MOONGIFT
Dropzone.jsã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Licenseï¼‰ã§ã™ã€‚ HTML5ä»¥å‰ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€ã¤ãšã¤ã—ã‹ãƒ•ã‚¡ã‚¤ãƒ«ãŒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ããªã„å¯‚ã—ã„ã‚‚ã®ã§ã—ãŸã€‚ã—ã‹ã—HTML5ã«ãªã£ã¦è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«æŒ‡å®šã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚“ãªã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã‚‹ã®ãŒDropzone.jsã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã—ãŸã€‚ç”»åƒã¯ã‚µãƒ ãƒã‚¤ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¦é †ç•ªã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ Dropzone.jsã§ã¯æŒ‡å®šã•ã‚ŒãŸå ´æ‰€ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ã—ãŸã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®åˆ¶é™ã‚„ã€æ‹¡å¼µåã®æŒ‡å®šã‚‚å¯èƒ½ã§ã™ã€‚è¨å®šãŒã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã™ãã«ä½¿ãˆãã†ã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒè¡Œãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã¯ã˜ã‚ã¦Web
core311 2013/10/27
html5

javascript

ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
core311 2013/10/01
HTML5

webdesign

tools
ãƒªãƒ³ã‚¯
JavaScript ã§ã®ãƒãƒ¼ã‚«ãƒ« ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ - HTML5 Rocks
Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to
core311 2013/04/24
JavaScript

HTML5

File API
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2013/04/03/20130401famo-us-the-framework-for-fast-and-beautiful-html5-apps-will-be-free-thanks-to-huge-hardware-vendor-interest/
core311 2013/04/04
html5

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

javascript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«å€‹äººçš„ã«ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ htmlé–¢é€£ headã‚¿ã‚°å†…ã§ã®è¨å®š <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
core311 2013/02/19
HTML5

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1ãƒ©ãƒ³ã‚¯ä¸Šã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã®ã¾ã¨ã‚21å€‹ï¼
ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã®ã»ã‚“ã ã§ã™(ãƒ»Ã…ãƒ»)âˆ« jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€å‰µç«‹1å‘¨å¹´ï¼ éžå¸¸ã«æ‰‹å‰å‘³å™Œã§ã¯ã”ã–ã„ã¾ã™ãŒã€ å¼Šç¤¾HTMLãƒ•ã‚¡ã‚¤éƒ¨ãŒå‰µç«‹ã‹ã‚‰1å¹´ã«ãªã‚Šã¾ã—ãŸã£ï¼ãƒ»uãƒ» HTMLãƒ•ã‚¡ã‚¤éƒ¨ã¯ã€ã€ŒHTML5ã€æŠ€è¡“ã‚’è»¸ã«ã€æ§˜ã€…ãªè¡¨ç¾ã«æŒ‘æˆ¦ã—ã¦ã„ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ä¸€å‘¨å¹´ã‚’å‹æ‰‹ã«è¨˜å¿µã—ã¦ã€ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã‹ãé›†ã‚ã¦ããŸã€HTML5ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ„ãƒ¼ãƒ«ç³»ã®ã‚µã‚¤ãƒˆ
core311 2012/11/13
HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ„ãƒ¼ãƒ«

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
IE10ã¨HTML5ã¨CSS3ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ | DECONCEPTER
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®Windows 8 å‘ã‘å¯¾å¿œ iPad Miniã‚„ã‚„ãŸã‚‰è–„ã„iMacãŒç™ºè¡¨ã•ã‚Œã¦è³‘ã‚ã£ã¦ã„ã‚‹ä¸æç¸®ã ãŒã€ä»Šæ—¥ã¯IE10ã«WEBã‚µã‚¤ãƒˆã‚’å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«æœ€ä½Žé™æŠ¼ã•ãˆã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã†ã€‚ ã‚¹ãƒŠãƒƒãƒ—ãƒ¢ãƒ¼ãƒ‰ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚‹Windows 8ã®IE10ã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æœ€é©åŒ–ã•ã›ã‚‹ã«ã¯ã„ãã¤ã‹ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚‹ã‚ˆã†ã ã€‚ IE10ç‹¬è‡ªã®viewport å®Ÿã¯ã¾ã viewportã¯W3Cã«ã‚ˆã‚Šç–å®šæ®µéšŽã«ã‚ã‚‹ã€‚IE10ã§ã¯ãƒ¡ãƒˆãƒï¼Ÿã‚¹ã‚¿ã‚¤ãƒ«ç”¨ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ç‹¬è‡ªã®viewportæŒ‡å®šã‚’ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚Windows 8ã®ãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–½ã™ã«ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã€‚ @-ms-viewport{width: device-width;} ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸããªã„å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æŒ‡å®šã™
core311 2012/10/24
Webãƒ‡ã‚¶ã‚¤ãƒ³

IE10

html5

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„äººã¯é…ã‚Œã¦ã‚‹ï¼Ÿæ–°Zen-Coding Emmet
é ã®ä¸ã®ãƒšãƒ¼ã‚¸æ§‹æˆå›³ã‚’ãƒªã‚ºãƒ ã§æ›¸ã„ã¦HTMLã«å±•é–‹ã—ã¦ãã‚Œã‚‹Zen-Codingã€‚ ã‚‚ã¯ã‚„HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã§ä½¿ã£ã¦ã„ãªã„äººã¯ã„ãªã„ã§ã‚ã‚ã†Zen-CodingãŒHTML5/CSS3ã®åºƒã¾ã‚Šã¨å…±ã«Emmetã¨ã„ã†åå‰ã«å¤‰æ›´ã—ã€é€²åŒ–ã‚’ã¨ã’ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ã¾ã é–‹ç™ºä¸ã§å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ã¾ã ã®ã‚ˆã†ã§ã™ãŒå…ˆè¡Œã—ã¦è©¦ã™ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Zen-CodingãŠã•ã‚‰ã„ Zen-Codingã¯çµŒé¨“æ¸ˆã¿ã¨ã—ã¦è©±ã—ã¾ã™ãŒã€ã¾ã ä½¿ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã¯ã¾ãšã“ã®æ˜ åƒã‹ã‚‰ã€‚ æ—©é€ŸEmmetã‚’Sublime Text 2ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 1. Package Controlã®ãƒªãƒã‚¸ãƒˆãƒªã«è¿½åŠ Sublime Text 2ã®æ¨™æº–ãƒªãƒã‚¸ãƒˆãƒªã«ã¯ã¾ã å…¥ã£ã¦ã„ã¾ã›ã‚“ã€‚Cmd + Shift + Pã§å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«add repositoryã‚’å…¥åŠ›ã€ä¸‹è¨˜ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’è¿½åŠ ã—ã¾ã™ã€‚ https://github.com/serge
core311 2012/10/13
Zen-Coding

HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS Filter experiment
The CSS filter property provides for effects like blurring or color shifting on an elementâ€™s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.
core311 2012/09/24
css

filter

html5
ãƒªãƒ³ã‚¯
CSS Hat translates layer styles to CSS3 code
Goodbyes aren't our thing, but exciting new tools are! ðŸ™Œ â€œAvocodeâ€ was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means weâ€™ve bid a fond farewell to all products offered by the Avocode
core311 2012/04/30
css3

*webã‚µãƒ¼ãƒ“ã‚¹

html5
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
core311 2012/04/17
html5

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
stroll.js - CSS3 Scroll Effects
core311 2012/04/15
CSS3

HTML5

scroll
ãƒªãƒ³ã‚¯
Canvas Fireworks v1
Click anywhere to launch fireworks. Click and drag to fire multiple fireworks. Settings can be adjusted in the top right. Be sure to try the presets. If things are running slow, try reducing your browser window size or reduce the partCount setting. By Jack Rugile
core311 2012/03/27
fireworks

canvas

html5
ãƒªãƒ³ã‚¯
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
core311 2012/02/19
Webãƒ‡ã‚¶ã‚¤ãƒ³

WebService

bootstrap

html5
ãƒªãƒ³ã‚¯
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
core311 2012/02/01
webåˆ¶ä½œ

HTML5

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸