Linkify: a JavaScript plugin
Download Zip Read the Docs Install with NPM: npm install linkifyjs · view release notes · browse code on GitHub Linkify is a JavaScript plugin. Use Linkify to find links in plain-text and convert them to HTML <a> tags. It automatically highlights URLs, #hashtags, @mentions and more. Demo Enter some links into the "Before" box below. The result will appear in the "After" box in real-time. Linkify w
eslint-plugin-import-accessã§ã¯ã˜ã‚るディレクトリå˜ä½ã‚«ãƒ—セル化
ã“ã‚“ã«ã¡ã¯ã€‚ã“ã®è¨˜äº‹ã¯ç†è€…ãŒè£½ä½œã—㟠ESLint å‘ã‘プラグイン eslint-plugin-import-accessを紹介ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã“ã®ãƒ—ラグインã«ã‚ˆã‚Š TypeScript プãƒã‚°ãƒ©ãƒ ã«æ“¬ä¼¼çš„ãªpackage-private exportã®æ¦‚念ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚JSDoc ã§@packageã¨ã‚¢ãƒŽãƒ†ãƒ¼ãƒˆã•ã‚ŒãŸexport宣言ã¯ã€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå±žã™ã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®å¤–ã‹ã‚‰ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒã§ããªããªã‚Šã¾ã™ã€‚ 従æ¥ã€TypeScript ã§å¯èƒ½ãªã‚«ãƒ—セル化ã®æœ€å¤§ã®å˜ä½ã¯ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€ã§ã‚ã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ãªã„変数ã¯ãã®ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼‰ã®ä¸ã«é–‰ã˜ã¦ã„る一方ã§ã€ä¸€æ—¦ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ãŸã‚‚ã®ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã©ã“ã‹ã‚‰ã§ã‚‚インãƒãƒ¼ãƒˆå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã§ã¯ä¸éƒ½åˆãªå ´åˆãŒã‚ã‚Šã¾ã—ãŸã€‚ 最近ã®å…·ä½“çš„ãªä¾‹ã¨ã—ã¦ã¯RecoilãŒæŒ™ã’られã¾ã™ã€‚ç†è€…ã®ä»¥å‰ã®è¨˜äº‹ã§ã¯ã€Atom ã‚„ Select
Micromodal - Tiny javascript library for creating accessible modal dialogs
Introduction Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript It enables you to create WAI-ARIA guidelines compliant modal dialogs, with confidence and with minimal configuration. At just 1.9kb minified and gzipped, its a tiny library for big change. Following are some of the interactions handled by the library:- Closing modal on overlay click
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
Lity - Lightweight, accessible and responsive lightbox
Lity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB. It requires jQuery or Zepto (with the callbacks, deferred and data modules). Demos Image Inline Google Maps YouTube Vimeo URL Installation All ready-to-use files are located in the dist/ directory. Incl
RollupãŒã¡ã‚‡ã†ã©ã„ã„感㘠- Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨年ã®é€”ä¸ã‹ã‚‰ã¡ã‚‰ã»ã‚‰è€³ã«ã™ã‚‹ã‚‚ã®ã®ã€ã¾ã 「ãªã«ãれ美味ã—ã„ã®?ã€ãªRollupã§ã™ãŒã€é¦´æŸ“ã‚€ã¨æ‰‹æ”¾ã›ãªããªã‚‹æ„Ÿã˜ã€‚ã©ã‚“ãªã‚‚ã®ã‹ã€ä½¿ã„æ–¹ã‹ã‚‰ã€ãƒ—ラグインã®ã¤ãã‚Šã‹ãŸã¾ã§ã€æ¦‚観ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Rollupã£ã¦ä½•? 複数ファイルã«æ›¸ã‹ã‚ŒãŸJavaScriptã‚’ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãªã©ã‚’èªã¿è¾¼ã¿ã¤ã¤ã€ã²ã¨ã¤ã®ãƒãƒ³ãƒ‰ãƒ«ã«ã—ã¦ãれるツール。WebPackã¨ã‹Browserifyã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ä¾å˜ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®è§£æ±ºã‚„ã€AltJSã®ãƒ—リコンパイルã—ãŸã‚Šã€ãªã©ã€‚大ããªç‰¹å¾´ã¨ã—ã¦ã€æ¬¡ã®ç‚¹ãŒã‚ˆã挙ã’られã¾ã™ã€‚ 生æˆãƒ•ã‚¡ã‚¤ãƒ«ãŒå°ã•ã„ ES6(ES2015)
Particleground demo
Particleground A JavaScript plugin for snazzy background particle systems Download
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
ã€jQuery】è¦ç´ ãŒè¦‹ãˆãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’発生ã•ã›ã‚‹jQueryプラグイン | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã¯ã˜ã‚ã¾ã—ã¦ã€ä»Šæœˆã‚ˆã‚Šãƒã‚·ãƒ£ãƒã‚°ã®ãƒ¡ãƒ³ãƒãƒ¼ã«ãªã£ãŸfukasawaã¨ç”³ã—ã¾ã™ã€‚ ã¾ã ã¾ã 勉強ä¸ã§è‡³ã‚‰ã¬ç‚¹ã‚‚多々ã‚ã‚‹ã¨ã¯å˜ã˜ã¾ã™ãŒã€ç”Ÿæ¸©ã見守ã£ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 本題ã§ã™ã€‚社内ã§è¡Œã‚ã‚Œã¦ã„ã‚‹jQuery勉強会ã®ãƒã‚¿æŽ¢ã—ã®ãŸã‚ã«Web Designingã®jQuery Lab.ã‚’èªã‚“ã§ã„ãŸã®ã§ã™ãŒã€è¨˜äº‹ã®ä¸ã§inviewã¨ã„ã†jQueryプラグインãŒä½¿ã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ 記事ã§ã¯ã€Œã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹é ˜åŸŸãŒãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸå†…ã«å…¥ã£ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実行ã—グラフをæç”»ã™ã‚‹ã€ã¨ã„ã†å‹•ä½œã‚’è¡Œã†ãŸã‚ã«ã“ã®ãƒ—ラグインãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€inviewを使ã†ã“ã¨ã§ã€ã“ã®ã‚ˆã†ã«ã€Œãƒ–ラウザ上ã§è¦‹ãˆãŸã¨ãã«å‡¦ç†ã‚’実行ã™ã‚‹ã€ã¨ã„ã†å‹•ä½œã‚’実ç¾ã§ãるよã†ã§ã™ã€‚ jquery.inview æ°—ã«ãªã£ãŸã®ã§ä½¿ã„方を調ã¹ã¦ã¿ã¾ã—ãŸã€‚ ç°¡å˜ãªä½¿ã„æ–¹ 1. jQueryã¨jquery.inview.jsã‚’èª
asamuzaK.jp : IE9ã§ã‚‚text-shadow（å†å…¬é–‹ï¼‰
textShadowForIE9ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãªã©ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティé¢ã¸ã®é…æ…®ã‚’åŠ ãˆãŸæ–°ç‰ˆã«æ›¸ãç›´ã—ã¦å†åº¦å…¬é–‹ã§ã™ã€‚ テストケース 以å‰ã«å…¬é–‹ã—ã¦ã„ãŸtextShadowForMSIEãªã©ã‚’利用ã—ã¦ã„ã‚‹æ–¹ã¯ã“ã®æ–°ç‰ˆã«å·®ã—替ãˆã¦ã„ãŸã ã‘ã¾ã™ã‚ˆã†å¼·ããŠé¡˜ã„申ã—上ã’る次第ã§ã™ã€‚ 使用方法 CSSファイルã‹ã‚‰text-shadowã®å€¤ã‚’自動的ã«èªã¿è¾¼ã‚“ã§é©ç”¨ã•ã›ã¦ã„ã¾ã™ã®ã§åŸºæœ¬çš„ã«ä»¥ä¸‹ã®è¨å®šã‚’ã™ã‚‹ã ã‘ã§OKã§ã™ã€‚ ã¾ãŸã€æ‰‹å‹•ã§å€‹åˆ¥æŒ‡å®šã§ãるよã†ã«ã‚‚ã—ã¦ã„ã¾ã™ã€‚（後述） ソースをコピーã—ã¦JavaScriptファイル（textshadow.jsãªã©ï¼‰ã‚’作æˆã—ã€HTMLã‹ã‚‰å¤–部JavaScriptã¨ã—ã¦èªã¿è¾¼ã‚€ã€‚ ã¾ãŸã¯ã€æ—¢å˜ã®JavaScriptファイルã«ã‚½ãƒ¼ã‚¹ã‚’コピペã—ã¦è¿½åŠ 。 以å‰ã®ã‚¹ã‚¯ãƒªãƒ—トã‹ã‚‰ã®ä¸»ãªå¤‰æ›´ç‚¹ スクリーンリーダーã§ãƒ€ãƒ–ã£ã¦èªã¿ä¸Šã’られãªã„よã†ã€å½±ã«ã¯WAI-ARIAã®aria
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - faisalman/ua-parser-js: "Unmask Your Traffic" - UAParser.js: The Essential Web Development Tool for User-Agent Detection
https://simplelightbox.com/
GitHub - iamdustan/smoothscroll: Scroll Behavior polyfill
GitHub - alexfoxy/lax.js: Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
GitHub - cferdinandi/smooth-scroll: A lightweight script to animate scrolling to anchor links.
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
GitHub - adamcoulombe/jquery.customSelect: Lightweight, unobtrusive, custom style select boxes with jQuery
GitHub - stowball/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin
SUPERSCROLLORAMA
http://gridster.net/
{{#tags}}- {{label}}
{{/tags}}