nanoJS - Minimal standalone JS library for DOM manipulation
nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining. Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method). Use this library as starting p
Schedule Template in CSS and JavaScript | CodyHouse
Schedule Template A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…) We’ve come across this web component many times: when we check the schedule of a conference, or the timetable of the classes of our gym. From a web designer perspective, it is handy to have a simple, responsive template to use if you ever need to cre
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
PhotoSwipe
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
Announcing Onsen UI 2.0 Beta | Onsen
Develop awesome looking and high performance HTML5 mobile apps with Onsen framework and UI components. Provides AngularJS and jQuery bindings.git clone http://github.com/OnsenUI/onsenui2-quickstart cd onsenui2-quickstart npm install && gulp serve Welcome to the new generation of UI Component Library. Onsen UI 2.0 is almost here. It brings more components, native look & feel, delivered as Web Compo
Kickstart - The CSS Library we've been waiting for
Kickstart's CSS is only 80kb and even smaller when you roll your own from the Sass mixins. Not only is the Kickstart JS smaller than Bootstrap and Foundation, it also doesn't require jQuery--drastically reducing page load times. How it worksKickstart has been used in production websites for over three years. Kickstart is a library, not a framework. This means you only use the CSS you need instead
2 Blocks Template in CSS and jQuery | CodyHouse
2 Blocks Template A template split in 2 animated blocks of content, inspired by dropbox.com/guide. Today's nugget is a simple template inspired by the awesome Dropbox Guide website. On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps the old one. On smaller devices, we have a simple gallery of projects,
Mashitup | {Mashitup}
I'm a freelance software developer who spent a lot of spare time on web automation. I started Software Development in early 2000's when I was in School. My preference went to Microsoft technologies because of the ease of usability of their tools and excellent integration with Windows. Over the course of 20 years I've worked for several organisations where I've worked on dozains of custom software
Masonry has moved
Masonry Masonry has moved. See masonry.desandro.com for latest docs and demos. Current version Masonry v3 masonry.desandro.com 2013 – current Older versions Masonry v2, “jQuery Masonry†masonry.desandro.com/v2 2011 – 2013
WebGLコンテンツをjQueryã§ä½œã‚‹JavaScriptライブラリ『jThreeã€
WebGLコンテンツをjQueryã§ä½œã‚‹JavaScriptライブラリ『jThreeã€
SVGMagic - Great jQuery SVG fallback plugin
SVGMagic: the fully automated SVG fallback SVGMagic is a simple jQuery plugin that searches for SVG images (including background- and inline dataimages) on your website and creates PNG versions if the browser doesn't support SVG. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for
[js]æ•°å—をカウントアップã•ã›ã‚‹(æ•°å—ã®å·®ãŒå¤§ããã¦ã‚‚対応) | begointo
About 通常ã®ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã®æ–¹æ³•ã ã¨ã€ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã•ã›ã‚‹æ•°å€¤ãŒå¤§ãã„程ã€å‡¦ç†å®Œäº†ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã†å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ãã‚Œã«å¯¾å¿œã—ãŸã®ãŒæœ¬ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ 動作ã«ã¯jQueryãŒå¿…è¦ã§ã™ã€‚ Example 使用例 çµæžœè¡¨ç¤º 0 æ•°å—ã‚’é¸æŠžã—ã¦ãã ã•ã„ 25 6402 432800 åˆæœŸåŒ–ã™ã‚‹ clear åŒæ™‚使用もOK 好ããªå£ç¯€ã¯ï¼Ÿ 春 å¤ ç§‹ 冬 ã‚ã‹ã‚‰ãªã„ çµæžœè¡¨ç¤º(人数ã¯é©å½“ã§ã™) 0人 Download ã‚ã¾ã‚Šæ±Žç”¨æ€§ã¯ç„¡ã„ã§ã™ãŒãƒ—ラグイン化ã—ã¾ã—ãŸã€‚ jquery.number_counter.js How to use 1. jsã®èªã¿è¾¼ã¿ headã‚¿ã‚°ã«jsã®èªã¿è¾¼ã¿ã®è¨˜è¿°ã‚’ã—ã¾ã™ã€‚åŒæ™‚ã«jQueryã®èªã¿è¾¼ã¿ã‚‚ã—ã¾ã™ã€‚ <script src="js/jquery.min.js"></script> <script src="js/jquery.number_c
モーダルダイアãƒã‚°ã‚’視覚表ç¾ã ã‘ã§çµ‚ã‚らã›ãªã„ - Web Accessibility Advent Calendar 2013 - neotagã®é›‘æ–‡
Web Accessibility Advent Calendar 2013 åˆæ—¥ã§ã™ã€‚ http://www.adventar.org/calendars/64 neotagã§ã™ã€‚åˆæ—¥ãªã®ã«è¨˜äº‹å…¬é–‹ãŒé…ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã—ょã£ã±ãªã‹ã‚‰å‡ºé¼»ã‚’ãã˜ã„ã¦ã—ã¾ã„大変申ã—訳ã‚ã‚Šã¾ã›ã‚“。（土下座） 追記 2013/12/06 ã“ã®è¨˜äº‹ã®è£œè¶³ã«ãªã‚‹è¨˜äº‹ã‚’ @milk54 ã•ã‚“ãŒæ›¸ã„ã¦ãã ã•ã„ã¾ã—ãŸã€‚ リニューアルã—ã¦æƒ…å ±ãŒå¾—られãªããªã£ãŸã¨ã„ã†ã‚µã‚¤ãƒˆã‚’調ã¹ã¦ã¿ãŸ 追記ã“ã“ã¾ã§ JavaScript ã«ã‚ˆã‚‹è¦–覚表ç¾ãŒç››ã‚“ã«ãªã£ã¦ã‹ã‚‰å½“ãŸã‚Šå‰ã«ä½¿ã‚れるよã†ã«ãªã£ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã‚’è¿½åŠ ã§è¡¨ç¤ºã™ã‚‹éš›ã«å¤§å¤‰ä¾¿åˆ©ãªã®ã§ã™ãŒã€è¦‹ãŸç›®ã ã‘実装ã™ã‚‹ã¨æ€ã‚ã¬ç½ ãŒã‚ã‚Šã¾ã™ã€‚ 普通ã«çµ„ã‚“ã å ´åˆ Library ãªã©ä½¿ã‚ãšã«æ™®é€šã« JavaScript を書ã„ãŸå ´åˆ
[jQuery] ç”»åƒã®èªã¿è¾¼ã¿å®Œäº†æ™‚ã«loadイベントãŒç™ºå‹•ã—ãªã„
htmlã«è¨˜è¿°ã—ã¦ã‚ã‚‹ç”»åƒã‚’èªã¿è¾¼ã‚“ã らã€ã‚る処ç†ã‚’開始ã™ã‚‹ã¨ã„ã†JavaScriptを書ã„ãŸã¨ã“ã‚ã€å‡¦ç†ãŒè¡Œã‚れる時ã¨è¡Œã‚ã‚Œãªã„時ã§ã¾ã¡ã¾ã¡ã ã£ãŸã€‚ ã‚ャッシュã‹ãªã¨ã‚‚æ€ã£ãŸãŒé•ã£ãŸã€‚ 実際ã¯loadイベントを登録ã™ã‚‹å‰ã«ç”»åƒã®èªã¿è¾¼ã¿ãŒçµ‚了ã—ã¦ã„ãŸå ´åˆã€ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºå‹•ã—ã¦ã„ãªã„ã®ãŒåŽŸå› ã ã£ãŸã€‚ completeプãƒãƒ‘ティを調ã¹ã¦ã€ã™ã§ã«èªã¿è¾¼ã¿æ¸ˆã¿ã ã£ãŸã‚‰æ˜Žç¤ºçš„ã«loadイベントを発動ã•ã›ã‚‹ã¨ã„ã†å‡¦ç†ã‚’è¿½åŠ ã—ã¦å¯¾å¿œã—㟠$('img').load -> //ç”»åƒèªã¿è¾¼ã¿æ™‚ã®å‡¦ç† //ã“ã“ã«ãŸã©ã‚Šç€ãã¾ã§ã«ç”»åƒãŒèªã¿è¾¼ã¿çµ‚ã‚ã£ã¦ã„ãŸã‚‰ç™ºå‹•ã—ãªã„ if this.complete //èªã¿è¾¼ã¿å®Œäº†ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹åˆ¤å®šã™ã‚‹ãƒ—ãƒãƒ‘ティ $(this).load() //自分ã§loadイベントを起ã“ã™ completeã¨ã„ã†ãƒ—ãƒãƒ‘ティã¯çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦ 今回ã®å•é¡Œã¯ã‹ãªã‚Šåˆæ©çš„ãªéƒ¨åˆ†ãªæ°—ãŒã™ã‚‹ãŒâ€¦
» スマホã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç¦æ¢ã•ã›ã‚‹æ–¹æ³• | negic
軽ã‚ã®jQuery Advent Calendar 2012ã®24日目ã®è¨˜äº‹ã§ã™ï¼ PCサイトã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç¦æ¢ã•ã›ã‚‹ã«ã¯ã€bodyã«overflow: hidden;ã‚’ã‹ã‘ã‚Œã°ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ããªããªã‚‹ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã¯ã€ä¸€éƒ¨Android端末ã§ã¯åŠ¹ããŒã€iOSã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ スマホã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ã«ã¯ã€jQueryを使ã†ã¨ä¾¿åˆ©ã§ã™ã€‚ スマホã®ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã§ã‚ã‚‹ã€touchmoveイベントを切れã°ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 方法ã¯ä¸‹è¨˜ã®ã¨ãŠã‚Šã§ã™ã€‚ $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); ã‚るタイミングã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸããªã£ãŸã‚‰ã€off()ã™ã‚Œã°ã„ã„。 $(window).off('.noScroll'); イベントåã«ã€.noScrollã¨ã‚ã‚‹ãŒã€
Jquery get label of OPTGROUP of select option
I am trying to find the value of the optgroup label of currently selected option in a select control. below is some html to show what im trying to do. <select id='sector_select' name='sector_select' data-placeholder="Select Sector..." style="width:200px;" class="chzn-select"> <option value='' selected='selected'>All Sectors</a> <optgroup label="Consultancy Services"> <option value='Employment plac
jQuery Mobile 1.4アルファ版ãŒå…¬é–‹ã€‚DOMã®å‰Šæ¸›ã«ã‚ˆã‚‹æ€§èƒ½å‘上ã¨SVGアイコン採用ãªã©
jQuery Mobile 1.4アルファ版ãŒå…¬é–‹ã€‚DOMã®å‰Šæ¸›ã«ã‚ˆã‚‹æ€§èƒ½å‘上ã¨SVGアイコン採用ãªã© ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.1ã§ã¯CSSを活用ã™ã‚‹ã“ã¨ã§å®‰å®šå‹•ä½œã®å……実をã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.2ã§ã¯ãƒãƒƒãƒ—アップやフォームãªã©æ–°ã—ã„コントãƒãƒ¼ãƒ«ã‚’強化ã€å‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®1.3ã§ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン対応をã—ã¦ãã¾ã—ãŸã€‚今回ã®1.4ã§ã¯ã€DOMæ“作を削減ã™ã‚‹ã“ã¨ã«ã‚ˆã‚‹æ€§èƒ½å‘上ã€SVGアイコンã®æŽ¡ç”¨ãªã©ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ 1.4ã§ã®ä¸»ãªå¤‰æ›´ç‚¹ ç¾åœ¨ã®jQuery Mobileã§ã¯ã€å…ƒã«ãªã‚‹HTMLã«å¯¾ã—ã¦jQuery MobileãŒè£…飾やæ“作ã®ãŸã‚ã«å¤šæ•°ã®DIVã‚¿ã‚°ãªã©ã‚’実行時ã«è‡ªå‹•çš„ã«è¿½åŠ ã—ã¦ã„ã¾ã™ã€‚1.4ã§ã¯ã“ã®DIVã‚¿ã‚°ã®è¿½åŠ ãªã©ãŒæŠ‘ãˆã‚‰ã‚Œã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ブãƒã‚°ã‹ã‚‰å¼•ç”¨ã—ã¾ã™ã€‚ To improve performance we reduced DOM manipulation. Generation of
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - Datasilk/Selector: A micro JavaScript library used as a replacement for jQuery, weighing in under 5KB.
jQuery Deferred with an array of functions
http://labs.skinkers.com/touchSwipe/
{{#tags}}- {{label}}
{{/tags}}