コピペã§ç°¡å˜ï¼ CSSã®ã¿ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ãƒ•ãƒãƒ¼ãƒˆã™ã‚‹å…¥åŠ›æ¬„ã®ãƒ©ãƒ™ãƒ«ã‚’実装ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
フォームã®å…¥åŠ›æ¬„ã®ãƒ©ãƒ™ãƒ«ãŒå…¥åŠ›æ™‚ã«ãµã‚ã‚Šã¨ãƒ•ãƒãƒ¼ãƒˆã—ã¦ç§»å‹•ã™ã‚‹ã®ã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ HTMLã¯inputã¨labelã§éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã€ä½™è¨ˆãªspanãªã©ã¯ã‚ã‚Šã¾ã›ã‚“。ラベルã®ãƒ•ãƒãƒ¼ãƒˆã¯CSSã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚³ãƒ”ペã§ç°¡å˜ã«ä½¿ç”¨ã§ãã¾ã™ã€‚
Reqres - A hosted REST-API ready to respond to your AJAX requests
It’s all in the details Hosted on Heroku Which means 99.99% Uptime SLA. All you need is the base URL, and you're away: https://reqres.in/api/ The API is CORS enabled, so you can make requests right from the browser, no matter what domain, or even from somewhere like JSFiddle or JSBin. Language agnostic A generic API that conforms to REST principles and accepts a content type of application/json An
Installation - Tailwind CSS
CommunityGetting StartedInstallationEditor SetupUsing with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade GuideCore ConceptsUtility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & DirectivesCustomizationConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflightLayoutAspect RatioContainerColum
ApexCharts.js - Open Source JavaScript Charts for your website
What is ApexCharts? ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages. It is an open-source project licensed under MIT and is free to use in commercial applications. DOWNLOAD VIEW DEMO Built for developers Integrating visualizations with ApexCharts is as simple as it can get with extensive API docs and 100+ samples ready
flatpickr
Introductionflatpickr is a lightweight and powerful datetime picker. Lean, UX-driven, and extensible, yet it doesn’t depend on any libraries. There’s minimal UI but many themes. Rich, exposed APIs and event system make it suitable for any environment. This “lean†philosophy translates to less size and better performance, with a bonus of not having to load 8 libraries for a calendar. Dive right int
[JS]0.6kBã®è¶…軽é‡ï¼åŸºæœ¬çš„ãªDOMæ“作を実行ã™ã‚‹ãŸã‚ã ã‘ã«é–‹ç™ºã•ã‚ŒãŸã‚·ãƒ³ãƒ—ルãªãƒ©ã‚¤ãƒ–ラリ -nanoJS
è¦ç´ ã«classã‚’åŠ ãˆãŸã‚Šã€å¤‰æ›´ã—ãŸã‚Šã€è¦ç´ を削除ã—ãŸã‚Šã€::beforeã‚„::afterã‚’åŠ ãˆãŸã‚Šã€è¦ç´ ã®è¡¨ç¤ºä½ç½®ã‚’å–å¾—ã—ãŸã‚Šã€å¤‰æ›´ã—ãŸã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã‚„ホãƒãƒ¼ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ãŸã‚Šã€åŸºæœ¬çš„ãªDOMæ“作を実行ã™ã‚‹ãŸã‚ã ã‘ã«é–‹ç™ºã•ã‚ŒãŸè¶…軽é‡ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã™ã€‚ jQueryã¯ä½¿ã†ã‘ã©ã€$関数や上記ã®æŒ™å‹•ã—ã‹åˆ©ç”¨ã—ãªã„ã¨ã„ã†äººã«ã¯ã€ç‰¹ã«ã´ã£ãŸã‚Šãªã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ nanoJS nanoJS -GitHub nanoJSã®ç‰¹å¾´ nanoJSã®ãƒ‡ãƒ¢ nanoJSã®ä½¿ã„æ–¹ nanoJSã®ç‰¹å¾´ トータル100è¡Œã€0.6kBã®è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト。 jQueryã«ä¼¼ãŸæ§‹æ–‡ãŒåˆ©ç”¨ã§ãã€ã‚ªãƒ–ジェクトã®é€£éŽ–的もサãƒãƒ¼ãƒˆã€‚ ãã‚Œãžã‚Œã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯å˜ç‹¬ã§æ©Ÿèƒ½ã™ã‚‹ãŸã‚ã€å‰Šé™¤ãƒ»è¿½åŠ ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ IE9対応（addClass, removeClass, toggleClassã®ã¿éžå¯¾å¿œï¼‰ã€‚ nanoJSã®ãƒ‡ãƒ¢ ドã‚ュメ
![[JS]0.6kBã®è¶…軽é‡ï¼åŸºæœ¬çš„ãªDOMæ“作を実行ã™ã‚‹ãŸã‚ã ã‘ã«é–‹ç™ºã•ã‚ŒãŸã‚·ãƒ³ãƒ—ルãªãƒ©ã‚¤ãƒ–ラリ -nanoJS](https://cdn-ak-scissors.b.st-hatena.com/image/square/40cbc63a058df9588ea63a08df7cc3661edb7792/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201802%2F2018053005.png)
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
Web制作者ã¯è¦ãƒã‚§ãƒƒã‚¯ï¼ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’アクセシブルã«å®Ÿè£…ã™ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -Micromodal.js
ã¡ã‚‡ã†ã©ã„ã„モーダルã£ã¦ãªã‹ãªã‹è¦‹ã¤ã‹ã‚‰ãªã„ã‚“ã よãªã€ã¨æŽ¢ã—ã¦ã„る人ã¯è¦ãƒã‚§ãƒƒã‚¯ã§ã™ã€‚シンプルã§æ“作性もよãã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã«å®Ÿè£…ã™ã‚‹è¶…軽é‡ã®å˜ä½“ã§å‹•ä½œã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã™ã€‚ WAI-ARIAガイドラインã«æº–æ‹ ã—ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’実装。 1.9kbã®è¶…軽é‡ã®JavaScriptライブラリ。 aria属性ã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã®é–‹é–‰ã‚’切り替ãˆã‚‹ã€‚ オーãƒãƒ¼ãƒ¬ã‚¤ã‚’クリックã™ã‚‹ã¨ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ã‚‹ã€‚ escボタンを押ã™ã¨ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ã‚‹ã€‚ モーダル内ã®ã‚¿ãƒ–をフォーカス。 モーダル内ã®æœ€åˆã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹å¯èƒ½ãªè¦ç´ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã€‚ モーダルを閉ã˜ãŸå¾Œã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã•ã‚ŒãŸè¦ç´ ã®çŠ¶æ…‹ã‚’ä¿æŒã€‚ Micromodal.jsã®ãƒ‡ãƒ¢ デモã§ã¯å®Ÿéš›ã®å‹•ä½œã‚’楽ã—ã‚ã¾ã™ã€‚ モーダルを閉ã˜ã‚‹ãƒˆãƒªã‚¬ãƒ¼ã¯ã€Closeボタンã€Xボタンã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ã‚¯ãƒªãƒƒã‚¯ã€escボタンãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚
「position: sticky;ã€ã‚ˆã‚Šä¾¿åˆ©ï¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ãƒ˜ãƒƒãƒ€ã‚„サイドãƒãƒ¼ãŒã´ãŸã£ã¨è²¼ã‚Šä»˜ãスクリプト -Fixed Sticky
HTMLã¯æ±šã•ãšã«ã€ãƒ˜ãƒƒãƒ€ã€ãƒŠãƒ“ゲーションã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ã€ã•ã¾ã–ã¾ãªè¦ç´ をスクãƒãƒ¼ãƒ«ã—ãŸéš›ã«æŒ‡å®šã—ãŸä½ç½®ã«ã´ãŸã£ã¨è²¼ã‚Šä»˜ã‘るスクリプトを紹介ã—ã¾ã™ã€‚ IE7+ã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚Šã€ã€Œposition: sticky;ã€ã®ä»£æ›¿ã«ãªã‚‹ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ Fixed Sticky- GitHub Fixed Stickyã®ç‰¹å¾´ Fixed Stickyã®ãƒ‡ãƒ¢ Fixed Stickyã®ä½¿ã„æ–¹ Fixed Stickyã®ç‰¹å¾´ Fixed Stickyã§è²¼ã‚Šä»˜ã‘ã‚‹è¦ç´ ã®ä½ç½®ã¯ã€è¦ªè¦ç´ ã«ä¾å˜ã—ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã´ãŸã£ã¨è²¼ã‚Šä»˜ãä½ç½®ã¯ã€å¸¸ã«è¦ªè¦ç´ ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒŠå†…ã§ã™ã€‚ 基本的ãªå‹•ä½œã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ ã¾ãšã¯ã€è¦ç´ ã«ã€Œtop: 20px;ã€ã‚’指定ã—ã¦ã¿ã¾ã™ã€‚
resTables by codefog
resTables jQuery plugin for the responsive tables View on GitHub Download .zip Download .tar.gz resTables - jQuery plugin for responsive tables The resTables jQuery plugin allows you to easily make your table responsive. It has been created based on the stacktable.js concept by John Polacek. View the documentation at https://github.com/codefog/restables Basic demo Shrink your browser window below
Css-mint
CSS-Mint Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped. View on GitHub Download CSS-Mint Add some “Mint†to your web pages CSS Mint is a lightweight and fully-responsive open source UI kit built to ease up layout and structuring of your web application. Built on top of normalize.css, it handles cross browser inconsistencies and provides minimalistic CSS components to be
qdmail for PHP5.3+
qdmail.php �� >V � ��=V <?php /** * Qdmail ver 1.2.6b * E-Mail for multibyte charset * * PHP versions 4 and 5 (PHP4.3 upper) * * Copyright 2008, Spok in japan , tokyo * hal456.net/qdmail : http://hal456.net/qdmail/ * & CPA-LAB/Technical : http://www.cpa-lab.com/tech/ * Licensed under The MIT License License * * @copyright Copyright 2008, Spok. * @link http://hal456.net/qdmail/ * @version 1.2.6b *
Spectrum - The No Hassle jQuery Colorpicker
<input type='color' value='#f594d0' /> Why A Colorpicker? I wasn't satisfied with the solutions available for colorpicking. Many of them included a ton of images, were hard to skin or customize, or were very large plugins. Here are the goals I had when making a new one: Small Footprint Just include the needed CSS and JavaScript files, and you are ready to go! <script src='spectrum.js'></script> <l
We Love SVG - Google Fonts for icons | Icons8
<script type="text/javascript" src="//web.archive.org/web/20151204075254/https://cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> Flat ColorWin10Font AwesomeFoundationMaterialGlyphiconsIcomoonIonWebhostinghubEntypoElusiveWPFMfglabsRaphaelSimple LineWeatherLsfLineconsMeteoconsMetrizeOcticonsIconicMakiOpenwebiconsStroke7TypiconsZocialBrandicoFontelicoStateface <!DOCTYPE h
Secure Custom Fields
Description Secure Custom Fields (SCF) turns WordPress sites into a fully-fledged content management system by giving you all the tools to do more with your data. Use the SCF plugin to take full control of your WordPress edit screens, custom field data, and more. Add fields on demand. The SCF field builder allows you to quickly and easily add fields to WP edit screens with only the click of a few
[CSS]軽é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã‚¹ãƒžãƒ›ã«ã‚‚デスクトップã«ã‚‚å¿«é©ã§åˆ†ã‹ã‚Šã‚„ã™ã„ナビゲーション -Paradeiser
スマホã§è¡¨ç¤ºã™ã‚‹ã¨ä¸‰æœ¬ç·šã®ã‚¢ã‚¤ã‚³ãƒ³ã«ãªã‚‹ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€ç¢ºã‹ã«å°ã•ã„ç”»é¢ã®å•é¡Œã‚’解決ã™ã‚‹æ–¹æ³•ã®ä¸€ã¤ã§ã™ãŒã€ãƒ™ã‚¹ãƒˆãªé¸æŠžã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è‰¯ã„点を利用ã—ã€æ‚ªã„点を改善ã—ãŸã€ã‚¹ã‚¯ãƒªãƒ—ト無ã—ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Paradeiser Paradeiser -GitHub Paradeiserã®ç‰¹å¾´ Paradeiserã®ãƒ‡ãƒ¢ Paradeiserã®ä½¿ã„æ–¹ Paradeiserã®ç‰¹å¾´ 実装ã¯ç°¡å˜ã§ã€è¶…è»½é‡ Paradeiserã¯1.3KBã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ1ã¤ã ã‘ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ CSS Only jQueryやスクリプトã¯ä½¿ç”¨ã—ã¾ã›ã‚“。 レスãƒãƒ³ã‚·ãƒ–対応 スマホã€ã‚¿ãƒ–レットã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãã‚Œãžã‚Œã§å¿«é©ã«æ“作ã§ãã¾ã™ã€‚ オーãƒãƒ¼ãƒ•ãƒãƒ¼ ナビゲーションã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ•ãƒãƒ¼ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ スクãƒãƒ¼ãƒ«æ™‚ã®
![[CSS]軽é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã‚¹ãƒžãƒ›ã«ã‚‚デスクトップã«ã‚‚å¿«é©ã§åˆ†ã‹ã‚Šã‚„ã™ã„ナビゲーション -Paradeiser](https://cdn-ak-scissors.b.st-hatena.com/image/square/9850202ae54d8b12231ce802211ae82aaab9800d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091601.png)
Clipy - Clipboard extension app for Mac OS X
主ãªæ©Ÿèƒ½ プレーンテã‚ストや画åƒã¨ã„ã£ãŸè¤‡æ•°ã®å½¢å¼ã«å¯¾å¿œã—ãŸã‚¯ãƒªãƒƒãƒ—ボード拡張アプリã§ã™ã€‚ ショートカットã‚ーã§è‡ªç”±ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’呼ã³å‡ºã™ã“ã¨ãŒã§ãã€ã„ã¤ã§ã‚‚クリップボードã®å±¥æ´ã‚’å‚ç…§ã§ãã¾ã™ã€‚ ã¾ãŸã€ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦å®šåž‹æ–‡ã‚’登録ã—ã¦ãŠãã“ã¨ã§ã€ã„ã¤ã§ã‚‚定型文をペーストã§ãã¾ã™ã€‚ オープンソース Clipyã¯ã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒã‚°ã‚„ä¸å…·åˆã€è¦æœ›ç‰ã‚ã‚Šã¾ã—ãŸã‚‰ã€Issueã€PullRequestãªã©ãŠå¾…ã¡ã—ã¦ã„ã¾ã™ï¼æ—¥æœ¬èªžã§ã‚‚大丈夫ã§ã™ï¼ スペシャルサンクス Clipmenuをオープンソースã¨ã—ã¦å…¬é–‹ã—ã¦ã„ãŸã ã@naotakaæ°ã«æ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒ‰ãŒãªã‘ã‚Œã°ãƒªãƒ¡ã‚¤ã‚¯ã¨ã„ã†å½¢ã§å…¬é–‹ã¯ã‚ã‚Šãˆã¾ã›ã‚“ã§ã—ãŸã€‚ ç¾çŠ¶æ©Ÿèƒ½ãŒè¢«ã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ç‹¬è‡ªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ã•ã‚‰ãªã‚‹æ©Ÿèƒ½å‘上を目指ã—ã¦ã„ãã¾ã™ã€‚本当ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ç„¡æ–™ BGM・効果音ã®ãƒ•ãƒªãƒ¼éŸ³æºç´ æ | Springin’ Sound Stock
Cirrus CSS
GitHub - flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
{{#tags}}- {{label}}
{{/tags}}