16 useful jQuery plugins and tutorials
The variety of plugins and tutorials available for jQuery never cease to amaze me. I’ve been looking for some new plugins, so I extended my research a bit to share these cool jQuery plugins with you. If you need more, you can take a look a these jQuery scripts to improve your site’s interface, or at the jQuery scripts for your portfolio. 1. TN3 Gallery Probably one of the best jQuery image gallery
Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨æ¯Žç§’100回JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆ - å°„æ’ƒã—ã¤ã¤å‰è»¢ 改
FirefoxãŒCPUを常ã«15%ãらã„食ã†ã®ãŒæ°—ã«ãªã£ã¦ã„ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨ã‚‚ã®ã™ã”ã„å‹¢ã„ã§JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚具体的ã«ã¯ã€var k=t.value;k!=h&&X(0);h=k ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãŒæ¯Žç§’100回実行ã•ã‚Œã¦ã„る。ã“ã®ã›ã„ã§ã€è‡ªåˆ†ã®ä½¿ã£ã¦ã„ã‚‹PCã ã¨ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã ã‘ã§CPU使用率ãŒ2%ãらã„上ãŒã£ã¦ã„るよã†ã 。Firefox特有ã®å•é¡Œã¨ã„ã†ã‚ˆã‚Šã¯ã€ã‚¦ã‚§ãƒ–ページå´ã®ä½œã‚Šæ–¹ã«ä¾ã‚‹ã‚‚ã®ã¿ãŸã„ã 。ãŸã¶ã‚“ä»–ã®ãƒ–ラウザã§ã‚‚å•é¡Œã¯å¤‰ã‚らãªã„ã ã‚ã†ã€‚ Googleã®ãƒˆãƒƒãƒ—ページã®å ´åˆã€ã‚³ãƒ¼ãƒ‰ã‚’調ã¹ã¦ã¿ãŸé™ã‚Šã§ã¯ã€åŽŸå› ã¯ã©ã†ã‚‚検索候補ã®è‡ªå‹•è£œå®Œç”¨ã®ã‚³ãƒ¼ãƒ‰ã¿ãŸã„ã 。ç¾åœ¨ã®å…¥åŠ›æ–‡å—列ãŒéŽåŽ»ã®è¨˜éŒ²ã¨é•ã£ãŸã‚‰è£œå®Œã®æ示をやり直ã™ã€ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã€‚ HTMLã§ã¯ãƒ†ã‚ストボックス内ã®ãƒ†ã‚ストãŒå¤‰æ›´ã•ã‚Œ
GoogleMapã¿ãŸã„ã«ç”»åƒã‚’ズーム＆グリグリ移動ã§ãã‚‹jQueryプラグイン「Mapboxã€:phpspot開発日誌
GoogleMapã¿ãŸã„ã«ç”»åƒã‚’ズーム＆グリグリ移動ã§ãã‚‹jQueryプラグイン「Mapbox〠2009å¹´12月01æ—¥- GoogleMapã¿ãŸã„ã«ç”»åƒã‚’ズーム＆グリグリ移動ã§ãã‚‹jQueryプラグイン「Mapboxã€ã€‚ 自分ã§å®Ÿè£…ã™ã‚‹ã¨ãªã‚‹ã¨ã‹ãªã‚Šéª¨ãŒæŠ˜ã‚Œãã†ãªã“ã®æ©Ÿèƒ½ã‚‚jQueryプラグインã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ マウスホイールã§ã‚ºãƒ¼ãƒ ã—ã€ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦åœ°å›³ç§»å‹•ãŒå¯èƒ½ ズームã¨ã‹ç§»å‹•ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‚’付ã‘ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã€ã“ã‚Œãªã‚‰åˆå¿ƒè€…ã«ã‚‚ç°¡å˜ã«æ°—付ã„ã¦ã‚‚らãˆã¾ã™ã。 è¨ç½®ã¯jQueryを使ã†ã®ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã‚ºãƒ¼ãƒ 用ã«ç”»åƒã‚’æ•°æžšç½®ã„ã¦ãŠãã€$("#viewport").mapbox({mousewheel: true}); ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§OKã§ã™ã€‚ オプションも多数ã‚ã‚‹ã®ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚出æ¥ã¾ã™ã€‚ ズームå‰å¾Œã«å®Ÿè¡Œã§ãるイベントãƒãƒ³ãƒ‰ãƒ©ã‚‚è¨å®šå¯èƒ½ãªã®ã§ã€æŸ”軟性ãŒé«˜ã„
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
ColorPicker - jQuery plugin
About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode. $('#colorpickerHolder').ColorPicker({
Firebugã®ä¾¿åˆ©ãªçµ„ã¿è¾¼ã¿é–¢æ•° - 技術メモ帳
id:brazil ã•ã‚“ã®ãƒ–ックマークã§çŸ¥ã£ãŸã®ã ãŒã€ Firebugã«ã¯ã€ä¾¿åˆ©ãªçµ„ã¿è¾¼ã¿é–¢æ•°ãŒå®šç¾©ã•ã‚Œã¦ã„るよã†ã 。 一通りã•ã‚ã£ã¦ã¿ãŸã®ã ãŒã€ $x() 㧠任æ„ã®XPathè¦ç´ ãŒå–å¾—ã§ãã‚‹ã®ã¨ã‹ã«æ„Ÿå‹•ã—ãŸã€‚ ãã—ã¦ã€ã‚„ã£ã±ã‚Šã¡ã‚ƒã‚“ã¨ãƒ‰ã‚ュメントèªã‚€ã¹ãã ãªãã¨æ€ã£ãŸã€‚ XPathã‹ã‚‰è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€‚ $x("/html/body/h1"); -> è¦ç´ ã®é…列ãŒè¿”ã£ã¦ãる。 selectoråã‹ã‚‰è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€‚(getElementsByTagName) $$("h1") -> è¦ç´ ã®é…列 所è¦æ™‚間測定 console#time, console#timeEnd time ~ timeEnd ã§å›²ã‚“ã 部分ã®æ‰€è¦æ™‚é–“ã‚’ 計測ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã¿ãŸã„ã§ã€ 以下ã®ã‚ˆã†ãªé–¢æ•°ã«ã¾ã¨ã‚ã‚‹ã¨è‰¯ã•ãã†ã 。 function bench( callback ) { var uniq_id = Date
JavaScriptã®ã‚ªãƒ–ジェクトã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ãŸ - ã‚ã¨å‘³
JavaScriptを勉強ã—ã¦ã„ã‚‹ã¨ã‚ªãƒ–ジェクトã¨ã¯ãªã‚“ãžã‚„？ã¨ã„ã†ã“ã¨ãŒã‚ã‹ã‚‰ãªããªã£ã¦ãã¾ã™ã€‚é¸æŠžè‚¢ãŒå¢—ãˆã‚Œã°å¢—ãˆã‚‹ã»ã©ã€‚ JavaScriptã«ã¯ã€åŒã˜ã‚ˆã†ã«è¦‹ãˆã¦ã€å®Ÿã¯åŒã˜ã§ã¯ãªã„データãŒã‚ã‚Šã¾ã™ã€‚ãれらã®ã‚ªãƒ–ジェクトã«ã¤ã„ã¦ã€åŒºåˆ¥ã—ã¦èª¬æ˜ŽãŒä»˜ã‘られるよã†ã«ã€è‡ªåˆ†ãªã‚Šã«è€ƒå¯Ÿã—ã¦ã¿ã¾ã—ãŸã€‚勉強ä¸ã®ã‚¢ã‚¦ãƒˆãƒ—ットãªã®ã§ã€ã“ã“ã§æ›¸ã„ãŸå†…容ã¯äº‹å®Ÿã¨ã¯å¤§ãã外れã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã¨ã«ã‹ãä¸æ˜Žçžãªéƒ¨åˆ†ã‚’自分ãªã‚Šã«ç†ç”±ã¥ã‘ã—ãŸã‹ã£ãŸã ã‘ã§ã™ã€‚ サンプルコードを試ã•ã‚Œã‚‹å ´åˆã¯ã€Firefoxã®FireBugã«ã‚るコンソールã«è²¼ã‚Šã¤ã‘ã¦å®Ÿè¡Œã™ã‚‹ã‹ã€Safariã®é–‹ç™ºãƒ„ールã«ã‚るコンソールã«è²¼ã‚Šã¤ã‘ã¦å®Ÿè¡Œã—ã¦ãã ã•ã„。ãã‚ŒãŒã‚ã‹ã‚‰ãªã„方㯠console.log ã®éƒ¨åˆ†ã‚’ alert ã«ç½®ãæ›ãˆã¦ç¢ºèªã—ã¦ãã ã•ã„。 話ãŒã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ä»Šå›žã¯ãƒ—ãƒãƒ‘ティã—ã‹æ‰±ã£ã¦ã„ã¾ã›ã‚“。 å称ã®å®šç¾©ã«ã¤ã„ã¦
The next generation of browsers
2007/09/15 ã«è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€Œå‡ºå¼µ Shibuya.JS 24ã€ã§ã® amachang ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚次世代ブラウザã®æ–°æ©Ÿèƒ½ã‚’一気ã«ãŠè¦‹ã›ã—ã¾ã™ã€‚10 年。 世界㌠JavaScript ã®çœŸã®å®ŸåŠ›ã‚’発見ã™ã‚‹ã®ã«è¦ã—ãŸæ™‚é–“ã§ã‚る。 1995 å¹´ã€Netscape 社㮠Brendan Eich ã«ã‚ˆã‚Šé–‹ç™ºãƒ»è¨è¨ˆã•ã‚ŒãŸ JavaScript ã¯ã€ã€Œä¸–ç•Œã§æœ€ã‚‚誤解ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ãªã©ã¨å‘¼ã°ã‚Œã‚‚ã—ãŸã€ ã¨ã‚‚ã™ã‚Œã°ä¸é‡ã¨ã™ã‚‰ã„ã„å¾—ã‚‹æ³æœˆã‚’経ã¦ã€ã‚ãŸã‚Šã®ãã“ã“ã“ã«æº€ã¡å……ã¡ã¦ã„ãŸã€ŒWeb ã®æ—§æ¥çš„ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®çª®å±ˆã•ã‚’é©å‘½ã—ãŸã„ã€ã¨ã„ã†æ€ã„ã«ã‚ˆã£ã¦ã€ãµãŸãŸã³è¡¨èˆžå°ã«æ‹›æ¥ã•ã‚ŒãŸã€‚ JavaScript ã¯ã€Web ã®ã€Œã‚ã¡ã‚‰å´ã€ã¨ã€Œã“ã¡ã‚‰å´ã€ã¨ã‚’å–ã‚Šçµã¶ã€ã‚‚ã£ã¨ã‚‚å¤ãã¦ã‚‚ã£ã¨ã‚‚æ–°ã—ã„ã€ãã—ã¦ã€ã‚‚ã£ã¨ã‚‚é‡è¦ãªæŠ€è¡“ã 。次㮠10 年を自らã®æ‰‹ã§å‰µã‚Šå‡ºã™ãŸã‚ã«ã€æˆ‘々㯠Shibu
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs - SmashingApps.com
This is very beautiful thumbnail hover effect with jQuery tutorial using xHTML and CSS. If you switch up the absolute position coordinates, you can create various ways the hover effect pops out as well. iCarousel iCarousel is an open source (free) javascript tool for creating carousel like widgets. iCarousel is fully configurable. You can change any default option just initializating the class wit
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
ã¯ã¦ãªãƒ–ãƒã‚°ã«ã¯ã€åŒã˜è©±é¡Œã§ã¤ãªãŒã‚‹ã€Œã‚°ãƒ«ãƒ¼ãƒ—ã€ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯ãƒ–ãƒã‚°ã‚’é–‹è¨ã—ãŸå¹´ã®ã‚°ãƒ«ãƒ¼ãƒ—ã«å…¥ã‚Šã¾ã—ょã†ã€‚åŒæ™‚期ã«å§‹ã‚ãŸãƒ–ãƒã‚°ã¨ã¤ãªãŒã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
tpython.com
We’re getting things ready Loading your experience… This won’t take long.
Creating a Slick Auto-Playing Featured Content Slider | CSS-Tricks
I love the Coda Slider plugin for jQuery. I’ve used it recently to build a couple of tabbed “widgetsâ€. One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts. Just kind of a fun way to show lots of content in a small area. I also used it on an article for NETTUTS for a similar purpose. Both of these examples use the Coda Slider pretty much “out of the
High Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practicesAI-enhanced description The document discusses best practices for improving web page performance. It begins by noting how slow pages negatively impact user experience and business metrics. It then outlines 14 best practices such as minimizing HTTP requests, using a content delivery network, gzipping components, optimizing images, and avoiding redir
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
A bulk Google index checker verifies whether multiple URLs appear in Google search results simultaneously. SEO teams, agencies, link builders, and website owners use bulk Google index checker tools to monitor indexing status across web pages, diagnose indexability issues blocking search engine visibility, and protect organic traffic from dropping when indexed pages exit the Google […]
The 50 Most Useful jQuery Plugins for Frontend Development — Speckyboy
Although there are many JavaScript frameworks available, jQuery has remained the most popular and influential in web design and development. Its main purpose is to simplify the process of writing complex JavaScript functions by bundling them into methods that can be called with just one line of code. This makes it lightweight and easy to extend with free plugins for almost any functionality you ca
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery Masonry › Primer
http://www.dmitri.me/misc/notify/
Javascript addEventListenerã—ãŸã‚ã¨ã®ãƒãƒ³ãƒ‰ãƒ©ãƒ¼ã§ã®thisãŒé•ã† - 大自由人
moto-mono.net
{{#tags}}- {{label}}
{{/tags}}