Alpine AJAX
{ this.requests.unshift({ id: this.requests.length, ...event.detail }) }) }, open: false, active: 0, requests: [], select(request) { this.active = request.id }, selected(request) { return this.active === request.id } }" class="not-prose text-base z-40 fixed bottom-0 left-0 right-0 rounded-t-md bg-almond-200"> Server Requests () Alpine AJAX is an Alpine.js plugin that enables your HTML elements to
æ ªå¼ä¼šç¤¾gaudy village(ガウディ ビレッジ)
自分自身ã®å¿ƒã®å¥åº·ã«å‘ã‘ãŸç¾Žå®¹è‚Œã‚„髪ãŒç¾Žã—ããªã‚‹ã¨æ°—æŒã¡ãŒå‰å‘ãã«ãªã‚Šã€ç”Ÿãã‚‹å–œã³ã‚„幸ã›ã‚’ã‚‚ãŸã‚‰ã—ã¦ãã‚Œã¾ã™ã€‚ ä¼æ¥ç†å¿µã¸
events from Google Calendar - Docs v4 | FullCalendar
FullCalendar can display events from a public Google Calendar. Google Calendar can serve as a backend that manages and persistently stores event data (a feature that FullCalendar currently lacks). Before you code… You must first have a Google Calendar API Key: Go to the Google Developer Console and create a new project (it might take a second). Once in the project, go to APIs & auth > APIs on the
Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
Lenis – Get smooth or die trying
We’ve heard all the reasons to not use smooth scroll. It feels hacky. It’s inaccessible. It’s not performant. It’s over-engineered. And historically, those were all true. But we like to imagine things as they could be, then build them. So, why should you use smooth scroll? Create more immersive interfacesUnlock the creative potential and impact of your web experiences. Smoothing the scroll pulls u
WP REST APIã§è¨˜äº‹ä¸€è¦§ã‚’表示
以å‰ã€WP REST APIを使ã£ãŸè¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€jQueryã ã£ãŸã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ãªJavaScriptã¨WP REST APIを使ã£ã¦è¨˜äº‹ä¸€è¦§ã‚’出力ã§ãるスニペットã§ã™ã€‚ 2021å¹´9月18æ—¥WP REST APIã®JavaScriptã§ä»–ã®WordPressã®è¨˜äº‹ã‚’JSONã§å‡ºåŠ› ç°¡å˜ãªè¨˜è¿°ã§ã§ãる内容ã§ã™ãŒã€é †ã«è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚
Splide - アクセシビリティã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
アクセシビリティã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã»ã‹ã®ãƒ©ã‚¤ãƒ–ラリã«ä¾å˜ã›ãšã€Lighthouseã®ã‚¨ãƒ©ãƒ¼ã‚‚ã‚ã‚Šã¾ã›ã‚“。
Vanilla-tilt.js
Easy way <body> <div class="your-element" data-tilt></div> <!-- at the end of the body --> <script type="text/javascript" src="vanilla-tilt.js"></script> </body> More options <div class="your-element" data-tilt data-tilt-max="50" data-tilt-speed="400" data-tilt-perspective="500"></div> All options with defaults { reverse: false, // reverse the tilt direction max: 35, // max tilt rotation (degrees)
ScrollHint
ScrollHint A JavaScript library to suggest that the elements are scrollable horizontally, with the pointer icon. Download GitHub Quick start Using CDN You can easily start by using CDN. Add the following description in the <head> tag of the web page you want to use ScrollHint. <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css"> <script src="https://unpkg.com/scr
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
Midnight.js - Switch fixed headers on the fly
Midnight.js lets you switch fixed headers on the fly Scroll to try it out! The Header Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. The Sections After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you
swup — Versatile and extensible page transition library for server-rendered websites
swup Versatile and extensible page transition library for server-rendered websites
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Animista - On-Demand CSS Animations Library
https://codepen.io/TurkAysenur/pen/gORaboY
GitHub - strawdynamics/luminous: A simple, lightweight, no-dependencies JavaScript lightbox
GitHub - weareferal/scrollxp: Alpine.js-esque library for scrolling animations on websites
rolly.js
Atropos - Stunning touch-friendly 3D parallax hover effects
https://codepen.io/four-leaf-4/pen/WBzpMy
Block Reveal Effects | Overview | Codrops
{{#tags}}- {{label}}
{{/tags}}