Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
スマホWebサイト/ãƒã‚¤ãƒ–リッドアプリ開発を高速化ã™ã‚‹JavaScriptフレームワークã¾ã¨ã‚ | BACKEND AS A SERVICE mbaas BLOG
デスクトップå‘ã‘ã®Webサイト開発ã§ã¯jQuery/Backbone.js/AngularJS/Ember.jsãªã©ã‚’採用ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—スマートフォンã€ã‚¿ãƒ–レットå‘ã‘ã®Webサイトã¨ãªã‚‹ã¨ã¾ãŸå‹æ‰‹ãŒé•ã„ã¾ã™ã€‚特ã«UI周りã®å–り回ã—ã§ã‚ã£ãŸã‚Šã€ã‚¿ãƒƒãƒ/マルãƒã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰¹æœ‰ã®APIãªã©ã‚’é©åˆ‡ã«æ‰±ãˆãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。何よりãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®æ€§èƒ½ãŒãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—より低ã„ã®ã§é«˜é€Ÿã«ã‚¹ãƒˆãƒ¬ã‚¹ãªã動作ã•ã›ã‚‹ãŸã‚ã«ã¯è»½é‡ã§ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。ãã“ã§ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットå‘ã‘ã®Webサイトを構築ã—ãŸã‚Šã€HTML5ã«ã‚ˆã‚‹ãƒã‚¤ãƒ–リッドアプリを開発ã™ã‚‹ã®ã«ä½¿ãˆã‚‹JavaScriptフレームワークを紹介ã—ã¾ã™ã€‚ãœã²çš†ã•ã‚“ã®é–‹ç™ºã«å½¹ç«‹ã¦ã¦ãã ã•ã„。mBaaSãŠå½¹ç«‹ã¡ãƒ–ãƒã‚° トップ> ブãƒã‚°> Tips> スマホWebサイト/ãƒã‚¤ãƒ–リッドアプリ開発を高速化ã™ã‚‹Java
ã‚ãªãŸãŒèªã‚€ã¹ãJavaScript Promises | JSer.info
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€ JavaScript/ES6 promisesã«ã¤ã„ã¦ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«èªã‚“ã æ–¹ãŒã‚ˆã„ã¨æ€ã‚れる記事やスライドç‰ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚ Promisesã‚„Deferredã¨ã„ã£ãŸè¨€è‘‰ã‚’éžåŒæœŸå‡¦ç†ã®è©±ãªã©ã§èžã„ãŸäº‹ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ ç¾åœ¨Promisesã¯æ¬¡ã®ECMAScriptã®è¨€èªžä»•æ§˜ã¨ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ ECMAScript Language Specification ECMA-262 6th Edition – DRAFT domenic/promises-unwrapping ã¾ã ES6ã¯ç–定段階ã§ã™ãŒã€æ—¢ã«Promisesã«ã¤ã„ã¦ã¯polyfillã¨ã—ã¦åˆ©ç”¨ã§ãるライブラリç‰ã‚‚ã‚ã‚Šã€ã¾ãŸä»–ã®ãƒ©ã‚¤ãƒ–ラリ内ã§ã‚‚jQuery.Deferred()ã‚„Angularã®$qç‰é¡žä¼¼ã™ã‚‹å®Ÿè£…ãŒå˜åœ¨ã—ã¾ã™ã€‚ ãã®ãŸã‚ã€Generatorsç‰ã«æ¯”ã¹ã‚‹ã¨ä»Šã™ã使ãˆã‚‹
CSS3ã§ç°¡å˜ï¼ スマホå‘ã‘Webページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’激派手ã«ã§ãã‚‹stroll.jsã¨ã¯
CSS3ã§ç°¡å˜ï¼ スマホå‘ã‘Webページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’激派手ã«ã§ãã‚‹stroll.jsã¨ã¯ï¼šHTML5アプリ作ã‚ã†ãœï¼ï¼ˆ9）（1/2 ページ） オープンソースã®JavaScriptライブラリ「stroll.jsã€ã«ã¤ã„ã¦ã€æ¦‚è¦ã¨ä½¿ã„方を紹介ã—ã¾ã™ã€‚CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’駆使ã—ã¦ã„ã‚‹ã®ã§å‹•ããŒè»½ãã€ã‚¹ãƒžãƒ›å‘ã‘Webページã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«æ´¾æ‰‹ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«è¿½åŠ ã§ãã¾ã™ã€‚ 最近ã¯ã‚„ã‚Šã®ã€ŒHTML5・JavaScriptライブラリ・CSS3・APIã€ã®ç´¹ä»‹ã€ã¾ãŸãれらを組ã¿åˆã‚ã›ãŸã€Œsampleアプリケーションã®ç´¹ä»‹ã¨è§£èª¬ã€ã‚’厳é¸ã—執ç†ã—ã¦ã„ã本連載「HTML5アプリ作ã‚ã†ãœï¼ã€ã€‚今回紹介ã™ã‚‹ã®ã¯ã€Œstroll.jsã€ã§ã™ã€‚ CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’駆使ã™ã‚‹stroll.jsã¨ã¯ stroll.jsã¯ã‚ªãƒ¼ãƒ—ンソース（ライセンスMIT）ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ©ã‚¤ãƒ–ラリ（JavaScr
æ¥å‹™ã‚¢ãƒ—リケーションã«ãŠã‘るモダンWeb開発ã®ç¾çŠ¶ãƒ¼HTML5開発ã£ã¦ç°¡å˜ãªã®ï¼Ÿ
27. CSSã®ä¸èº«ã‚’覗ã„ã¦ã¿ã‚‹ .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
インテルã€ç„¡å„Ÿã®HTML5アプリ開発ツール「Intel XDKã€ã‚’刷新。ランタイムエンジンã«Blinkベースã®ã€ŒCrosswalkã€ã‚’採用
インテルã€ç„¡å„Ÿã®HTML5アプリ開発ツール「Intel XDKã€ã‚’刷新。ランタイムエンジンã«Blinkベースã®ã€ŒCrosswalkã€ã‚’採用 ãŸã ã—å称ã«é–¢ã—ã¦ã¯ã€ç¾ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã€ŒIntel XDKã€ã‚’2月末ã§æ供終了ã—ãŸå¾Œã«ã¯ã€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã€ŒIntel XDK NEWã€ã®å称ãŒã€ŒIntel XDKã€ã¨ãªã‚‹æ–¹é‡ã‚‚åˆã‚ã›ã¦æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸï¼ˆæœ¬è¨˜äº‹ã§ã¯åˆ†ã‹ã‚Šã‚„ã™ã•ã®ãŸã‚æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’「XDK NEWã€ã¨è¨˜ã—ã¾ã™ï¼‰ã€‚ PhoneGapã«ä»£ã‚ã‚ŠCrosswalkãŒæŽ¡ç”¨ Intel XDKã¯HTML5/CSS/JavaScriptã«ã‚ˆã‚‹ã‚¢ãƒ—リケーションã®é–‹ç™ºç’°å¢ƒã¨ã€PhoneGapã«ã‚ˆã‚‹ãƒ“ルドシステムを備ãˆã¦ãŠã‚Šã€Androidã‚„iOSãªã©ã®ã‚¯ãƒã‚¹ãƒ—ラットフォームã«å¯¾å¿œã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションを開発ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ XDK NEWã®æœ€å¤§ã®å¤‰æ›´ã¯ã€ãƒ“ルドシステムをPhoneGapã‹ã‚‰ã€ãƒ©ãƒ³ã‚¿
「今ã©ãã®Gruntを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSS編）ã€HTML5 Conference 2013 セッションレãƒãƒ¼ãƒˆ
「今ã©ãã®Gruntを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSS編）ã€HTML5 Conference 2013 セッションレãƒãƒ¼ãƒˆ å‡ºå£ é”也 2013å¹´11月30日（土）ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5 Conference 2013ã€ã®ã€æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãƒ»çŸ³æœ¬å…‰å¸ã•ã‚“ã«ã‚ˆã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œä»Šã©ãã®Gruntを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSS編）ã€ã®å†…容をã”紹介ã—ã¾ã™ã€‚ ãªãŠã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¯Gruntを使ã£ãŸã“ã¨ã®ãªã„HTML/CSSコーダーやWebデザイナーã•ã‚“ã§ã™ã€‚ ãªãœGruntを使ã†ã®ã‹ Gruntã¨ã¯ã€JavaScriptã§æ›¸ã„ãŸã‚¿ã‚¹ã‚¯ã‚’実行ã—ã¦ãれるアプリケーション（JavaScript Task Runner）ã§ã™ã€‚ Webアプリケーションã®é–‹ç™ºãŒè¤‡é›‘ã«ãªã£ã¦ãã¦ã€CoffeeScriptã€Sassãªã©ã®ã‚³ãƒ³ãƒ‘イルãŒå¿…è¦ãªæŠ€è¡“を使ã†ã“ã¨ãŒå¤šããªã£ã¦ããŸ
WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQuery×HTML5×CSS3を真é¢ç›®ã«å‹‰å¼·ï¼ˆ4）（1/2 ページ） iPhoneã®Retinaディスプレイã¯ã€Webページã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚大ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚WebページをRetina対応ã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6月ã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ルã®iPhone 4ã«ã¯ã€ŒRetinaディスプレイã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’覆ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—レイãŒæ載ã•ã‚Œã¾ã—ãŸã€‚ãれ以é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—レイã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ スン電åã®GALAXY S4やソニーモãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HD画質対応（1920×1080ピクセル）ã®ãƒ‡ã‚£ã‚¹ãƒ—レイをæ載ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ 高精細ディスプレイã®ç™»å ´
ï¼»é€Ÿå ±ï¼½ã‚°ãƒ¼ã‚°ãƒ«ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªUIã®éƒ¨å“化「Web Componentsã€ã¸ã®å–り組ã¿ã‚’表明。Google I/O 2013
ï¼»é€Ÿå ±ï¼½ã‚°ãƒ¼ã‚°ãƒ«ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªUIã®éƒ¨å“化「Web Componentsã€ã¸ã®å–り組ã¿ã‚’表明。Google I/O 2013 グーグルã¯ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ä¸ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒGoogle I/O 2013ã€ã®åŸºèª¿è¬›æ¼”ã§ã€Webã®æ–°ã—ã„技術「Web Componentsã€ã‚’用ã„ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®éƒ¨å“化ã«å–り組んã§ã„ã‚‹ã“ã¨ã‚’明らã‹ã«ã—ã¾ã—ãŸã€‚ Web Componentsã¯ç¾åœ¨W3CãŒç–定ä¸ã®æŠ€è¡“ã§ã€ã‚«ã‚¹ã‚¿ãƒ タグを定義ã§ãã€HTML/CSS/JavaScriptを組ã¿åˆã‚ã›ã¦éƒ¨å“を作るã“ã¨ãŒã§ãã¾ã™ã€‚ グーグルã¯ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’部å“化ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã®ç”Ÿç”£æ€§ã‚’高ã‚ã€ã‹ã¤ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„アプリケーションã®é–‹ç™ºã‚’促進ã™ã‚‹ã“ã¨ã‚’目論んã§ã„ã¾ã™ã€‚ 基調講演ã§ã¯ã€åŒç¤¾ãŒå–り組んã§ã„ã‚‹Web Componentsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ³ã‚»ãƒ—トビデオ
HTML5アプリã§ç°¡å˜ã«ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚’実装ã§ãるライブラリ QUOjs ã€18日目】 | DevelopersIO
モãƒã‚¤ãƒ«HTMLシリーズ HTML5ã§è¿½åŠ ã•ã‚ŒãŸinputè¦ç´ ã®ã‚¿ã‚¤ãƒ—ã¯iPhoneã€Androidã§ã©ã®ãらã„使ãˆã‚‹ã®ã‹Â  ãŠã™ã™ã‚ iPhoneã€Androidã§ä½¿ãˆã‚‹ï¼æ’®ã£ãŸãã®å ´ã§ç”»åƒç·¨é›†ã§ãã‚‹HTML5アプリを作ã£ã¦ã¿ã‚ˆã† iOS6ã®Safariã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹HTML5ã®æ©Ÿèƒ½ HTML5ã§ä½¿ãˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ スマートフォンサイトã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚° スマートフォンサイト用ã®è»½é‡ãƒ©ã‚¤ãƒ–ラリ QUOjs HTML5ã®Webアプリã§ä½¿ãˆã‚‹ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã«ã¯ã©ã‚“ãªã‚‚ã®ãŒã‚ã‚‹ã®ã‹èª¿ã¹ã¦ã„ãŸã‚‰ã€QUOjsã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを見ã¤ã‘ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ サイズãŒ16KBã¨è»½é‡ãªãƒ©ã‚¤ãƒ–ラリã§ã™ãŒã€ç°¡å˜ã«ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã‚’実装ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚今回使ã£ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.2.0 ã«ãªã‚Šã¾ã™ã€‚ 以下ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ QuoJS 英語ã§ã™ãŒä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«ä½¿ã„æ–¹ãŒæ›¸ã„ã¦ã‚ã‚Š
EExt Japan - Sencha Touchç™»å ´ - モãƒã‚¤ãƒ«ç”¨HTML5フレームワーク
Ext Coreã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªWebサイト構築ã«æœ€é©ãªè»½é‡ã‹ã¤é«˜æ©Ÿèƒ½ãªã‚¯ãƒã‚¹ãƒ–ラウザー対応ã®JavaScriptライブラリã§ã™ã€‚ãã®ç‰¹å¾´ã¯ï¼š ファイルサイズãŒã‚³ãƒ³ãƒ‘クトãªç´„25kb (ext-core.jsã‚’gzip圧縮ã—ãŸå ´åˆ) 柔軟ã‹ã¤åˆ©ç”¨ã—ã‚„ã™ã„オープンソースライセンスã®MITライセンス Ext開発メンãƒãƒ¼ã«ã‚ˆã‚ŠåŸ·ç†ã•ã‚ŒãŸä½“系的ã‹ã¤ç¶²ç¾…çš„ãª75ページã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ã“ã‚Œã¾ã§ã®Ext JSã‚’åŒã˜ä½¿ã„慣れãŸç›´æ„Ÿçš„ãªAPI Ext JS 2.2 Ext JSã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーション開発ã®ãŸã‚ã®ã‚¯ãƒã‚¹ãƒ–ラウザ対応JavaScriptライブラリã§ã™ã€‚ 高性能ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ 優れãŸè¨è¨ˆã€æ–‡æ›¸ãŒè±Šå¯Œã€æ‹¡å¼µæ€§ã®é«˜ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ« 商用ランセンスã¨ã‚ªãƒ¼ãƒ—ンソースライセンスãŒåˆ©ç”¨ã§ãã¾ã™ Ext JS 3.0ã¨Ext GWT 2.0ãŒ
â‘®jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ãã®ï¼‘
3. 注æ„äº‹é … •  ã“ã®è³‡æ–™ã®ä¸ã«ã¯ã€2012/05時点ã§ã®äº‹å®ŸãŒæ›¸ã„ã¦ã‚ã‚‹ã¤ã‚‚ã‚Šã§ã™ ãŒã€æ™‚代ã¨ã¨ã‚‚ã«ç§»ã‚Šå¤‰ã‚ã‚‹æƒ…å ±ã‚‚ã‚ã‚‹ã®ã§æœ€æ–°æƒ…å ±ã®ãƒã‚§ãƒƒã‚¯ã‚‚ 忘れãšã«ï¼ •  主観ã«åŸºã¥ã事柄もã‚ã‚Šã¾ã™ã€‚ãã‚“ãªå ´åˆã¯ã€ã“ã®è‰²ã§ã‚³ãƒ¡ãƒ³ãƒˆã™ るよã†ã«ã—ã¦ã„ã¾ã™ï¼ä¿¡ã˜ã‚‹ã‹ä¿¡ã˜ãªã„ã‹ã¯ã‚ãªãŸæ¬¡ç¬¬ï¼ •  ã–ã£ãり説明ã™ã‚‹ãŸã‚ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚厳密ã«ã„ã†ã¨ ã¡ã‚‡ã£ã¨é•ã†éƒ¨åˆ†ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚ã¾ã‚ã€ã ã„ãŸã„ã‚ã£ã¦ る（ã¯ãšï¼‰ã€‚ •  éŽåŽ»ã®ç’°å¢ƒï¼ˆIE6ã¨ã‹IE7ã¨ã‹ã€PHP4ã¨ã‹ï¼‰ã«ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ãªã„ 話もã‚ã‚‹ã®ã§ã€ãã®è¾ºã‚’ターゲットã«ã™ã‚‹å ´åˆã¯æ³¨æ„（無視ã—ã¦ã„ ã„ã¨æ€ã†ã‘ã©ï¼‰ •  リンクã¯æ—¥æœ¬èªžè¨³ãŒã‚ã‚‹å ´åˆã¯ãã£ã¡ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚å…¬å¼æƒ… å ±ã§ã¯ãªã„ã®ã§ã€ä»•äº‹ã§ä½¿ã†å ´åˆã¯åŽŸæ–‡ã‚’確èªã—ã¾ã—ょã†ã€‚ 5. HTML5ã£ã¦ä½•ï¼Ÿ •  HTMLã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ •  ã¾ã 決ã¾ã£ã¦ãªã„â†é‡è¦ •  è‰
⑯jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ãã®ï¼’
本資料ã¯ã€WordPress ã®ãƒ—ラグイン作æˆã®åŸºæœ¬ã‚’解説ã—ã¦ã„ã¾ã™ã€‚エンジニア寄りã®è§£èª¬ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã‚‚èªã‚“ã§é ‚ã‘る内容ã‹ã¨æ€ã„ã¾ã™ã€‚ セッション内容ã®å‡ºå…¸ã¯ WordBench 神戸ã®å…ƒç®¡ç†äºº @horike37 ã•ã‚“ã§ã™ã€‚ã”本人ã«ç¢ºèªã—ã¦æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã®åˆ©ç”¨ã®è¨±å¯ã„ãŸã ãã¾ã—ãŸã€‚ 僕自身ã¯ã€@horike37 ã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§WordPress ã«æ„Ÿå‹•ã—ã€WordPress ã®æ´»ç”¨ã«ç›®è¦šã‚ãŸäººã§ã”ã–ã„ã¾ã™ã€‚本セッションã§ã‚‚ã€ãã®æ„Ÿå‹•ã‚’共有ã§ããŸã‚‰ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãり効果ãŒä½œã‚Œã‚‹JSライブラリ「turn.jsã€:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãり効果ãŒä½œã‚Œã‚‹JSライブラリ「turn.js〠ドラッグ＆ドãƒãƒƒãƒ—ã§ã¹ã‚‰ã£ã¨ã‚ãã‚‹ã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒHTML5ã§å®Ÿç¾ã§ãã€iPadã‚„iPhoneãªã©ã§ã‚‚動作ã—ã¾ã™ã€‚ é›»å書ç±ãƒ“ューアã¨ã—ã¦ä½¿ãˆãã†ã§ã™ã ページã«ç«‹ä½“感を出ã™ãŸã‚ã«å½±ãªã‚“ã‹ã‚‚æç”»ã•ã‚Œã¦ã¾ã™ã€‚ マークアップやåˆæœŸåŒ–も超簡å˜ã§ã™ã€‚<div>を並ã¹ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘。 関連エントリ HTML5ã§è¶…リアルãªãƒšãƒ¼ã‚¸ã‚ãり効果を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ル モãƒã‚¤ãƒ«ãƒ–ラウザã§ã®HTML5対応状æ³ãŒä¸€ç›®çžç„¶ã®ã€ŒMobile HTML5〠HTML5/JavaScriptã§ãƒ†ã‚ストtoスピーãƒã‚’実ç¾ã§ãる「speak.jsã€
HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ - å¼·ç«ã§é€²ã‚
Google Developer Day 2011ã«å‚åŠ ã—ã¾ã—ãŸã€‚ å‚åŠ ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ¡ãƒ¢ã‚’書ã„ã¨ãã¾ã™ã€‚ (追記 2012/01/14) Googleã‹ã‚‰å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§è§£èª¬ã•ã‚ŒãŸå†…容ã«ä¸€éƒ¨å¤‰æ›´ç‚¹ãŒã‚ã‚‹ã¨ã®ã“ã¨ãªã®ã§ã€ã“ã¡ã‚‰ã‚‚åˆã‚ã›ã¦å‚照下ã•ã„。 (追記ã“ã“ã¾ã§) HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½(Eiji Kitamura) @agektmr æ±äº¬ - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ Web Storage (localStorage / sess
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jsã«ã‚ˆã‚‹CSSã®å‹•çš„定義 - Qiita
https://www.chrome-life.com/html5/5391/
http://clear.youyuxi.com/
http://slide.7kai.org/yapc2011/
{{#tags}}- {{label}}
{{/tags}}