サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
projects.verou.me
Features Only 0.6KB minified & gzipped! No dependencies. Uses feature detection, will not run if two-handle sliders are natively supported. Keyboard accessible Clicking on the track still works Handles can be moved past each other Customizable styling JS properties polyfilled too (input.value, input.valueLow, input.valueHigh) Limitations Requires support for <input type="range"> (duh). Fully works
Examples Textarea: Input with placeholder: Input with intial value: Number input: Select: More examples in the testsuite. [Documentation on GitHub](https://github.com/leaverou/stretchy/#readme)
Conic gradients are awesome, but browsers haven’t realized yet. This polyfill lets you experiment with them now. If you like them, ask browser vendors to implement them! Editable Examples Community examples The emulate 3D with conic-gradient demo again, now with an image (+working in WebKit browsers) http://t.co/ZzAqwKLdaT pic.twitter.com/jdAEgGDnuI — Ana Tudor (@anatudor) August 15, 2015 Another
2KB minified & gzipped! Ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. Because <datalist> still doesn’t cut it. Demo (no JS, minimal options) Pick a programming language: Note that by default you need to type at least 2 characters for the popup to show up, though that’s super easy to customize. With Awesomplete,
Tweet!
chainvas Chaining for everyone chain•vas |chānvəs| n. A tiny, modular library that can add chaining to any API that isn’t naturally chainable, like the Canvas API, the DOM and more. Only 1-2KB minified How does it work? chainvas goes through all the methods in a prototype and wraps a function around them that returns the returned value or, if that is undefined, the function’s context (this). Since
Click on a pattern to expand Textareas are editable Browser support Submit a new one Github repo Enjoy! Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
-prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
このページを最初にブックマークしてみませんか?
『projects.verou.me』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く