Storybook: Frontend workshop for UI developmentStorybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
Node.js 㮠exports 㨠module.exports
Node.js ã® exports 㨠module.exports Node.js を使ã£ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã¨ã‚¤ãƒ³ãƒãƒ¼ãƒˆã€requireã€exportsã€module.exports ã«ã¤ã„ã¦ã®è¦šæ›¸ã§ã™ã€‚以下㯠Node.js ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ Node.js ã§ã¯ CommonJS (CJS) フォーマットãŒä½¿ã‚ã‚Œã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ãã®ä¾å˜ãƒ•ã‚¡ã‚¤ãƒ«ã®å®šç¾©ã«ã¯ require 㨠exports ã‚„ module.exports を使ã„ã¾ã™ã€‚ å‚考サイト：Understanding module.exports and exports in Node.js ã¾ãŸã€ CommonJS モジュールã¨ã¯ã€Node.js 環境ã§ã® JavaScript ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã®ä»•çµ„ã¿ã§ã™ã€‚ å‚考サイト：JavaScript Primer/CommonJSモジュール r
Bootstrap
Get started any way you want Jump right into building with Bootstrap—use the CDN, install it via package manager, or download the source code. Read installation docs Install via package manager Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package-managed installs don’t include documentation or our full build scripts. You can also use any demo from ou
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
jQuery Easing Plugin
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
Codrops | Useful resources and inspiration for creative minds
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox. GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Web Application ã® validation ã¯ã©ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã‹ã‘ã‚‹ã¹ãã‹ - tokuhirom's blog
Web Application ã® validation ã¯ã©ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã‹ã‘ã‚‹ã¹ãã‹ æ•°å¹´å‰ã«ã‚‚åŒã˜ã“ã¨ã‹ã„ãŸæ°—ãŒã™ã‚‹ã‘ã©ã€æœ€è¿‘ã®çŠ¶æ³ã«ã‚ã‚ã›ã¦ã‹ã„ã¦ã¿ã‚‹ã€‚ 途ä¸ã§é¢å€’ã«ãªã£ã¦ãã¦èª¬æ˜ŽãŒé›‘ã«ãªã£ã¦ã„る点をã”容赦ãã ã•ã„。 言ã„ãŸã„ã“ã¨ã¯ã€Œçµå±€ã€æ˜”ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§æ‡‡åˆ‡ä¸å¯§ãªã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’出ã™ãŸã‚ã«Modelã§ã¯ãªãControllerã§ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹çŸ¥è˜ãŒå¿…è¦ã ã£ãŸã‘㩠今ã¯JavaScriptã§ã‚„ã‚‹ã‹ã‚‰ä¸è¦ã よã１１１ã€ã£ã¦ã“ã¨ã§ã™ã€‚ ã“ã®è¡¨é¡Œã¯ã€ã‚ˆã話題ã«ã‚ãŒã‚‹ã¨ã“ã‚ãªã®ã ãŒã€ç†æƒ³è«–ã¨ã—ã¦ã¯ Model, Controller, Client side ã®ã„ãšã‚Œã«ãŠã„ã¦ã‚‚ãã£ã¡ã‚Šã¨ validation ã‚’è¡Œã†ã“ã¨ãŒã®ãžã¾ã—ã„。 ã—ã‹ã—ã€å®Ÿéš›ã«ã¯ãªã‹ãªã‹é¢å€’ã§ã‚る。ã¨ã„ã†ã“ã¨ã§ã€ã©ã“ã‚’ã¯ã¶ãã‹ã¨ã„ã†ã¨ Controller ã«ãŠã‘ã‚‹ Validation ã§ã‚ã‚ã†ã€‚ ユーザ
åˆã‚ã‹ã‚‰åŽ³å¯†ã™ãŽã‚‹ãƒ†ã‚¹ãƒˆã‚’書ãã®ã¯ç‹æ‚ªãªã®ã§ã¯ãªã„ã‹ã¨ã„ã†è©± - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ール
ã“ã‚Œã¯äººãã‚Œãžã‚Œã®ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã«ä¾å˜ã™ã‚‹ã®ã§å¿…ãšã—ã‚‚ç‹æ‚ªã¨ã„ã†ã‚ã‘ã§ã¯ãªã„。むã—ã‚ãã†ã„ã†é¢¨ã«æ›¸ã„ã¦ã—ã¾ãˆã‚‹äººã‚‚ã„ã‚‹ã ã‚ã†ã€ãらã„ã®è©±ã€‚ 何ãŒè¨€ã„ãŸã„ã‹ã¨ã„ã†ã¨ã€è‡ªåˆ†ã®å ´åˆã€ã‚る程度ã¯é ã®ä¸ã§ã¾ã¨ã‚ã¤ã¤ã¨ã‚Šã‚ãˆãšæ‰‹ã‚’å‹•ã‹ã—ã¦æ›¸ã„ã¦ã¿ã‚‹â†’æ°—ã«å…¥ã‚‰ãªã‹ã£ãŸã‚Šã€å¾Œã‹ã‚‰ã€Œã“ã‚Œã§ã¯ã‚ã‹ã‚“ã€ã¨æ€ã£ãŸã‚‰ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹å¤‰ãˆã‚‹ã€ã¿ãŸã„ãªã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰ã€è¦ã¯åŒæ™‚ã«ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãªãŒã‚‰ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã„ãã®ã§ã€åˆã‚ã‹ã‚‰åŽ³å¯†ã™ãŽã‚‹ãƒ†ã‚¹ãƒˆã‚’書ã„ã¦ã—ã¾ã†ã¨æ‰‹æˆ»ã‚ŠãŒå¤šããªã£ã¦éžåŠ¹çŽ‡çš„ãªã®ã§ã‚る。 例ãˆã°ã€ã¨ã‚ã‚‹JavaScriptã®ãƒ¡ã‚½ãƒƒãƒ‰ã®è¿”り値ãŒã“ã‚“ãªæ„Ÿã˜ã ã£ãŸã¨ã—ããˆã€‚ { valid: true, foo: 10, bar: 0 } ã§ã€"valid"ã®éƒ¨åˆ†ã¯ã»ã¼é–“é•ã„ãªãã“ã‚Œã§è¡Œãã‘ã©ã€"foo"ã¨"bar"ã®éƒ¨åˆ†ã¯å¾Œã‹ã‚‰ç„¡ãã™ã‹ã‚‚ã—ã‚Œãªã„。ã‚ã‚‹ã„ã¯keyåを変ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„。ã‚ã‚‹ã„ã¯ä½•ã‹åˆ¥ã®ke
最近ã¯word-breakã™ã‚‹ã®ã«JSã¯ä½¿ã‚ãªã„ã»ã†ãŒã„ã„ã¿ãŸã„ - Webtech Walker
Twitter / tacamy: { word-wrap: break-word; } ... ã¨ã„ã†ã“ã¨ãªã®ã§JSを使ã‚ãšã«CSSã ã‘ã§ã‚„れるã¿ãŸã„ã§ã™ã€‚ã—ã‹ã‚‚ã“ã‚Œã ã‘。 .word_wrap { word-wrap: break-word; } IE6ã€7ã€8ã€Firefox3.6ã€Safari4ã€Chromeã€Opera10.52ã§ç¢ºèªã—ã¾ã—ãŸã‘ã©ã“ã‚Œã ã‘ã§å…¨éƒ¨ã„ã‘ã¾ã™ã€‚ブラボー。 <div class="word_wrap">http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3</div> <div class="word_wrap">aaaa
The Web Standards Project
The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all. Skip to content InterAct: Web Standards CurriculumInterAct is a living, open curriculum based upon web standards and best practices, designed to teach students the skills of the web professional. InterAct Learning TracksThe InterAct curriculum framework has
プãƒã‚°ãƒ©ãƒžãŒ1ヶ月ã§Webデザイナーã«è»¢èº«ã™ã‚‹æ–¹æ³• - ã‚„ãã†ã‚‰ãŠãƒ–ãƒã‚°(移転ã—ã¾ã—ãŸ)
サイトを構築ã—ã¦ã„ã‚‹ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webデザイナーã¨å…±åŒä½œæ¥ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。 ã—ã‹ã—高度ãªRIAを実ç¾ã—よã†ã¨ã™ã‚‹ã¨æ€ã£ã¦ã„るよã†ã«Webデザイナーã«ç´ æを作æˆã—ã¦ã‚‚らã†ã ã‘ã§ã‚‚ã¨ã¦ã‚‚骨ã®æŠ˜ã‚Œã‚‹ä½œæ¥ã 。 ãã“ã§ã€ä¸€å±¤ã€ã€Œã™ã¹ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webデザイナーã«ãªã‚Œã°ã„ã„ã‚“ã˜ã‚ƒã？ã€ã¨æ€ã£ãŸã€‚ 今回ã¯ã€ç§ã®å®Ÿä½“験ã«åŸºã¥ãã€ã€Œãƒ—ãƒã‚°ãƒ©ãƒžãŒ1ヶ月ã§Webデザイナーã«è»¢èº«ã™ã‚‹æ–¹æ³•ã€ã¨ã„ã†ã®ã‚’考ãˆã¦ã¿ãŸã€‚ ■　HTML,CSSを覚ãˆã‚ˆã† ã¾ãšã€HTMLã¨CSS。ã„ãらç§ã§ã‚‚W3C( http://www.w3.org/ )ã®ã™ã¹ã¦ã«ç›®ã‚’通ã›ã¨ã¯è¨€ã‚ãªã„。 ブラウザ間ã§æŒ™å‹•ãŒé•ã†ã®ã§ãã‚Œãžã‚Œã®ã‚¿ã‚°ãŒã©ã®ãƒ–ラウザã§ä½¿ãˆã‚‹ã®ã‹ä¸€è¦§ãŒã¾ãšæ¬²ã—ã„。手軽ãªã®ã¯è©³è§£HTML & CSS & JavaScript辞典。ã“ã®ãƒãƒ³ãƒ‰ãƒ–ックã¯è¦‹ã‚„ã™ã„ã®ã§ãŠå‹§ã‚。ã¾ãŸã€ã‚ˆã使ã†ã‚¿ã‚°ã«é–¢ã—ã¦ã¯ã™ã¹ã¦è¦šãˆã‚ˆã†ã€‚覚ãˆã¦ã„ã‚‹
ãŸã£ãŸ6è¡Œã§Webサイトã®UIをガラッã¨å¤‰ãˆã‚‹
「ã“ã‚“ãªé•·ã„Webページã€ã¾ã£ãŸãèªã‚€æ°—ãŒã—ãªã„ã€ã€‚Webサイトを閲覧ã—ã¦ã„ã¦ã“ã‚“ãªçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯èª°ã—ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚一方ã§ã€Webサイトを作るå´ã«ã¨ã£ã¦ã¯ã€ã©ã“ã¾ã§ã‚’1ページã«ã¾ã¨ã‚ã‚‹ã‹ã¯å¸¸ã«æ‚©ã‚€ã¨ã“ã‚ã ã¨æ€ã†ã€‚é•·ã„ã‹ã‚‰ã¨ã„ã£ã¦ã‚€ã‚„ã¿ã«ãƒšãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚考ãˆã‚‚ã®ã§ã€ä»Šåº¦ã¯ã€Œæ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã®ãŒé¢å€’ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã‚‹ã€‚ CogniTom Academic DesignãŒä½œã£ãŸã€Œbookreader.jsã€ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’解決ã—ã¦ãれるã‹ã‚‚ã—ã‚Œãªã„。bookreaderã¯ã€æœ¬ã‚„雑誌をã‚ãるよã†ãªæ„Ÿè¦šã§ã€Webページã®æœ¬æ–‡ã‚’横ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScriptライブラリã 。 「bookreader.jsã€ã®Webサイト。サイト自体ãŒbookreader.jsを使ã£ãŸãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’å…¼ãã¦ã„る。ä¸å¤®ã«ã‚ã‚‹ [<] [>] をクリックã™ã‚‹ã¨1ページãšã¤ã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2010/06/jquery-forms.html
Aptana
{{#tags}}- {{label}}
{{/tags}}