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 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
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
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';
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'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 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,
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 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』
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
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 初日です。 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というプロパティは知らなかった… 今回の問題はかなり初歩的な部分な気がするが…
軽めの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とあるが、
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アイコン採用など バージョン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ページを開く
