roll.js A tiny javascript library to track scrolling and stuff. Current step Current step progress Current position Total progress Steps Viewport height Roll height Padding between steps100px Jump to step 2 step 4
Roll.js Demos
roll.js A tiny javascript library to track scrolling and stuff. Current step Current step progress Current position Total progress Steps Viewport height Roll height Padding between steps100px Jump to step 2 step 4
Web制作者ã«ã‚‚ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã§ãã‚‹IoT入門～Tesselã®åŸºç¤Žï½ž
2015å¹´ã¯IoT元年ã¨è¨€ã‚れるãらã„ã€IoTã‚„WoTã¨ã„ã†å˜èªžãŒãƒã‚ºãƒ¯ãƒ¼ãƒ‰åŒ–ã—ã¦ãã¾ã—ãŸã€‚2014å¹´é ƒã‹ã‚‰Arduinoã‚„RaspberryPiã€Galileoã€Edisonã¨ã„ã£ãŸãƒžã‚¤ã‚³ãƒ³ãƒœãƒ¼ãƒ‰ãŒæ€¥æ¿€ã«äººæ°—ã«ãªã£ã¦ãã¾ã—ãŸã。Web開発者ãŒãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢é ˜åŸŸã«é€²å‡ºã—ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚ãŸã ã€ã‚»ãƒ³ã‚µãƒ¼ã®åˆ©ç”¨ãªã©å¿œç”¨çš„ãªã“ã¨ã‚’ã—よã†ã¨ã™ã‚‹ã¨ã€GPIOã‚„é›»æµãªã©ã®çŸ¥è˜ã‚’ã‚る程度ã¯çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã€Webã®çŸ¥è˜ã ã‘ã§ã»ã¼æ“作ã§ãã€åˆå¿ƒè€…å‘ã‘ã®Tesselã¨ã„ã†ãƒžã‚¤ã‚³ãƒ³ãƒœãƒ¼ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚具体的ã«ã¯ã€Tesselã®é–‹ç™ºç’°å¢ƒæ•´å‚™ã‹ã‚‰ç’°å¢ƒã‚»ãƒ³ã‚µã‚’扱ã†ã¨ã“ã‚ã¾ã§ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚Webエンジニアå‘ã‘ã«èª¬æ˜Žã‚’書ãã¾ã—ãŸãŒã€Webデザイナーやディレクターãªã©ã€éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã§ã‚‚ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã„ãŸã ã‘ãŸã‚‰å¹¸ã„ã§ã™ã€‚ Web制作者å‘ã‘マイコンボードTesselã¨ã¯ å‚考リンク 次世代マイ
rainyday.js
About The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, right? Have a look at the demos to see it in action. Features rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. Cross-browse
Introducing Jelly Navigation Menu: When Canvas Meets PaperJS — Smashing Magazine
Web helps designers and developers find the best inspiration and resources for their projects. Even though there are different tutorials and tips available online, Oleg Solomka feels that HTML5 canvas techniques are missing the most. Good news: he had the chance to fulfill this wide gap. In this article, Oleg would like to share his experience and story of how he brought the “Jelly Navigation Menu
Monaca
Monacaã¯ã‚¯ãƒ©ã‚¦ãƒ‰æŠ€è¡“を活用ã—ãŸã€æ—¥æœ¬ç™ºãƒ»æ¬¡ä¸–代ã®ã‚¢ãƒ—リ開発プラットフォームã§ã™ã€‚多様ãªã‚¢ãƒ—リ開発ã«å¯¾å¿œã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スをä¸å¿ƒã«ã€ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã‚’促進ã™ã‚‹DevOpsã€ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚„テクニカルサãƒãƒ¼ãƒˆã€‚日々ã®èª²é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ç”¨æ„ã•ã‚ŒãŸãƒ„ールやサービスを通ã˜ã¦ã€ã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æˆåŠŸã‚’支ãˆã¾ã™ã€‚ ã•ã‚‰ã«è©³ã—ã
æ£è¦è¡¨ç¾ã¨æ–‡å—列ãŒãƒžãƒƒãƒã—ã¦ã„ã‚‹ã‹ç°¡å˜ã«ãƒã‚§ãƒƒã‚¯ã§ãるオンラインツール -RegExp playground
æ£è¦è¡¨ç¾ã¨æ–‡å—列を入力ã—ã€ãã‚ŒãŒãƒžãƒƒãƒã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ç°¡å˜ã«ãƒã‚§ãƒƒã‚¯ã§ãるオンラインツールを紹介ã—ã¾ã™ã€‚ NGã®ç”»é¢ æ£è¦è¡¨ç¾ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ページ下部ã«ã‚ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‹ã‚‰ã€‚ . ä»»æ„ã®æ–‡å—ã«ãƒžãƒƒãƒã™ã‚‹ï¼ˆæ”¹è¡Œã‚’除ã） {n} n回ã®ç¹°ã‚Šè¿”ã— {n,} n回以上ã®ç¹°ã‚Šè¿”ã— {n, m} n回以上m回以下ã®ç¹°ã‚Šè¿”ã— ? {0,1}ã¨åŒã˜ * {0,}ã¨åŒã˜ + {1,}ã¨åŒã˜ \w アルファベットã€æ•°å—ã¾ãŸã¯ã‚¢ãƒ³ãƒ€ãƒ¼ãƒãƒ¼ã€[a-zA-Z0-9_]ã¨åŒã˜ \d æ•°å—ã€[0-9]ã¨åŒã˜ \s 空白文å—ã€[\t\r\n ]ã¨åŒã˜ […] ã‚ャラクタをクラス化 [^...} ã‚ャラクタをå¦å®šã‚¯ãƒ©ã‚¹åŒ– (…) パターンã®ã‚°ãƒ«ãƒ¼ãƒ—化 (?:…) パターンã®éžæ ¼ç´ã‚°ãƒ«ãƒ¼ãƒ—化 (?=…) å…ˆèªã¿ (?!…) å¦å®šå…ˆèªã¿ ^ è¡Œã®å…ˆé ã«ãƒžãƒƒãƒã™ã‚‹ $ è¡Œã®çµ‚端ã«ãƒžãƒƒãƒã™ã‚‹ \b å˜èªžå¢ƒç•Œã«ãƒžãƒƒãƒ \B å˜èªžå¢ƒ
独å¦ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’目指ã™äººã®ãŸã‚ã®åŸºç¤Žã‚«ãƒªã‚ュラム- DESIGNMAP
本記事ã¯2013å¹´ã«æ›¸ã„ãŸè¨˜äº‹ã§å†…容ãŒã ã„ã¶å¤ããªã£ã¦ãŠã‚Šã¾ã™ã€‚ フãƒãƒ³ãƒ‰ã‚¨ãƒ³ãƒ‰ã¯3å¹´é–“ã§å¤§ãã状æ³ãŒã‹ã‚ã‚Šã¾ã—ãŸã€‚下記ã®2016å¹´ã«æ›¸ã„ãŸæ”¹è¨‚版ã®æ–°ã—ã„記事をãŠã™ã™ã‚ã—ã¾ã™ã€‚ 「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã¯ï¼Webアプリケーションã®æ´å²ï¼ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‹‰å¼·ãŒé›£ã—ãã¿ãˆã‚‹ç†ç”± ï¼ ã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’目指ã™ãŸã‚ã®ç‹¬å¦ã‚«ãƒªã‚ュラムvol.1〠2011å¹´ã«ã€Žã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ã€ç‹¬å¦ã§Webデザイナーã«ãªã‚‹æ–¹æ³•ã€ã€2012å¹´ã«ã€Ž19ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ã€ç‹¬å¦ã§Webデザイナーã«ãªã‚‹æ–¹æ³•ã€ã‚’書ã„ã¦ã€ç‹¬å¦ã§Webデザイナーを目指ã™äººå‘ã‘ã®å…·ä½“çš„ãªç‹¬å¦æ–¹æ³•ã‚’書ã„ãŸã€‚今回ã¯ã€Webデザイナーã¨ã„ã†å¤§ã¾ã‹ãªããã‚Šã§ã¯ãªãã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã—ã¼ã£ã¦ç‹¬å¦æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã‚†ããŸã„。 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã¯ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã¯Webブラウザå´ï¼ˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ
HTMLã§ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ï¼æ‰‹è»½ã«æ–‡å—è©°ã‚ã§ãる「FLAutoKerning.js〠| æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€æœºã«ç½®ã„ãŸãŠã‚‚ã¡ã‚ƒã®æ—¥ç„¼ã‘ãŒæ°—ã«ãªã‚‹ã‚‚ã‚ŠãŸã§ã™ã€‚ 今回ã¯ã€å‰ã‹ã‚‰ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ã„ãŸã‚¦ã‚§ãƒ–フォントをカーニングã§ãã‚‹JS「HTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JSã€ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ http://fladdict.net/blog/2011/02/auto-kerning.html ※ç¾åœ¨ã¯ã‚¢ã‚¯ã‚»ã‚¹ã§ããªããªã£ã¦ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚Šã€jsを使ã‚ãªãã¦ã‚‚letter-spacingを使ã£ã¦cssã ã‘ã§è¨å®šã—よã†ã¨æ€ãˆã°ã§ãã‚‹ã‚“ã§ã™ãŒã€ã²ã¨æ–‡å—ãšã¤ã®è¨å®šã¨ãªã‚‹ã¨htmlã‚‚cssã‚‚ã™ã£ãã‚Šã—ãªããªã‚‹ä¸Šã«ã‚ã‚“ã©ãã•ã„ï¼ ã“ã†ãƒ‘ッã¨ã‚¬ãƒƒã¨ã‚¹ãƒƒã¨è¨å®šã—ãŸã„ï¼ ãã‚“ãªå¸Œæœ›ã‚’å¶ãˆã¦ãれるã®ãŒã€ŒFLAutoKerning.jsã€ã§ã™ï¼ ãƒã‚¤ãƒ³ãƒˆ1：導入ãŒæ¥½ã§ã™ æ‰‹é †ã¯ç°¡å˜ã€ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウãƒãƒ¼ãƒ‰ã—ã¦jqeryã¨ä¸€ç·’ã«èªã¿è¾¼ã¾ã›ã¦<head>内ã«è¨å®šã‚’書ãã ã‘。 入れã¦ã¿ãŸãƒ‡ãƒ¢
Closure Compiler Service
Closure compiler service is deprecated, and will be removed. See issue #4199.
TEST CORDING » Sassã®@functionã®ä½¿ã„æ–¹ã¾ã¨ã‚ – プãƒã‚°ãƒ©ãƒžãƒ–ルãªå‡¦ç†ã¯@function
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
Chromeã§javascriptデãƒãƒƒã‚°ï¼ã¾ãšåŠæ©â™ª
プãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã§ã€ŒUXデザインã€ã‚’ç·´ã‚Šã‚ã’よã†ï¼ | UXデザイン基礎セミナー 第4回
JavaScriptテクニックãƒã‚¤ãƒ–ル | 技術評論社
æ¦‚è¦ æ˜¨ä»Šã®Webアプリケーションã§JavaScriptã¯å¿…é ˆãªè¨€èªžã¨ãªã£ã¦ãŠã‚Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¾ã§åºƒã使ã‚ã‚Œã€HTML 5ã®æ™®åŠã‚‚ã‚ã‚ŠWeb開発ã®ä¸å¿ƒã¨ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚本書ã¯ã€Web開発者å‘ã‘ã«ã€èªã‚“ã§ã™ã利用ã§ãるテクニックや便利ãªãƒ©ã‚¤ãƒ–ラリを150ã®Tipså½¢å¼ã§ç´¹ä»‹ã™ã‚‹ã€Œé–‹ç™ºåŠ¹çŽ‡ã®æ”¹å–„ã«ç‰¹åŒ–ã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã§ã™ã€‚ ã“ã‚“ãªæ–¹ã«ã‚ªã‚¹ã‚¹ãƒ¡ JavaScriptã®å…¥é–€æ›¸ã‚’èªã¿çµ‚ã‚ã‚Šã€å®Ÿè·µçš„ãªã“ã¨ã‚’始ã‚よã†ã¨æ€ã£ã¦ã„るエンジニア JavaScriptを普段æ¥å‹™ã§ä½¿ã£ã¦ã„ã‚‹1å¹´ç›®ã‹ã‚‰2å¹´ç›®ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ 普段ãªã‚“ã¨ãªãjQueryを使ã£ã¦ã„るエンジニア 目次 Chapter01　開発をå–ã‚Šå·»ã環境を改善ã™ã‚‹ 1-1　Web上ã§è¨˜è¿°ãƒ»å®Ÿè¡Œãƒ»å…¬é–‹ã™ã‚‹ã‚µãƒ¼ãƒ“スを知る 1-2　Vimã§ä¾¿åˆ©ãªé–‹ç™ºç’°å¢ƒã‚’æ•´ãˆã‚‹ 1-3　Emacsã§ä¾¿åˆ©ãªé–‹ç™ºç’°å¢ƒã‚’æ•´ãˆã‚‹ 1-4　WebStormã§é–‹ç™ºã‚’
SeuratJS - A Raphaël plugin for creating beautiful pointillized animations.
A Raphaël plugin for creating beautiful pointillized animations. Download ZIP File Download TAR Ball View On GitHub View the Project on GitHub gsmith85/seuratjs Pointillize and Pixelize all on the Client Side SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an im
CodePen - Front End Developer Playground & Code Editor in the Browser
123 CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. CodePen is a social development environment for front-end designers and developers. 👋 It’s the best place to build and deploy a website, show
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンã«ã‚²ãƒ¼ãƒ やアプリを開発ã§ãã‚‹ HTML5 + JavaScript フレームワークã§ã™ã€‚ 2011å¹´ã«å…¬é–‹ã•ã‚Œã€ã™ã§ã«Â 1,000 本以上ã®ã‚²ãƒ¼ãƒ /アプリãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ オープンソース (MITライセンス) ã§ã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ドã‚ュメント・書ç±ãƒ»ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆãŒå……実ã—ã¦ã„ã¾ã™ã€‚ ãŸãã•ã‚“ã®ãƒ—ラグインã§æ©Ÿèƒ½ã‚’æ‹¡å¼µã§ãã¾ã™ã€‚ UEI/ARC ã‚’ä¸å¿ƒã¨ã—ãŸãƒ¡ãƒ³ãƒã«ã‚ˆã£ã¦é–‹ç™ºãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã®ãŸã‚ã«ã‚‚利用ã•ã‚Œã¦ã„ã¾ã™ã€‚ Features オブジェクト指å‘: 表示ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã™ã¹ã¦ã‚ªãƒ–ジェクトã§ã™ã€‚ マルãƒãƒ—ラットフォーム: iOS, Android, Mac, Windows ã®ãƒ–ラウザã§å‹•ä½œã—ã¾ã™ã€‚ Windows 8: Windows 8 対応ã®HTML5アプリケーションを開発ã§ãã¾ã™ イベント駆動
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://bouncejs.com/
http://ja.d3js.node.ws/
deconcepter.jp
deconcepter.jp
{{#tags}}- {{label}}
{{/tags}}