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
We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs for designers like you. Today, we have another great post related to design a beautiful website using stylish effects with CSS/jQuery. In this, we made a list of 21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs. We obviously cannot cover al
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.
ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
ã¯ã¦ãªãƒ–ãƒã‚°ã«ã¯ã€åŒã˜è©±é¡Œã§ã¤ãªãŒã‚‹ã€Œã‚°ãƒ«ãƒ¼ãƒ—ã€ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯ã“ã¡ã‚‰ã®ã€Œ2024å¹´é–‹è¨ãƒ–ãƒã‚°ã€ã«å…¥ã‚Šã¾ã—ょã†ã€‚åŒæ™‚期ã«å§‹ã‚ãŸãƒ–ãƒã‚°ã¨ã¤ãªãŒã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 「2024å¹´é–‹è¨ãƒ–ãƒã‚°ã€ã®ã‚°ãƒ«ãƒ¼ãƒ—
tpython.com
tpython.com 2024 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
Creating A Slick Auto-Playing Featured Content Slider | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. 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.
High Performance Web Pages - 20 new best practices
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 redirects. Additional best practices are also provided such as preloading compo
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
Access all 834 Vim commands in our ultimate Vim cheat sheet. From basic text editing to advanced mode commands, cursor movements, and file operations – all organized by type. List of All Vim Commands Basic Vim Commands Let’s start with an easy set of Vim commands to open, save, and exit Vim. :e filename Open […]
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}}