はてなブックマーク

<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

allcolors.js #   (view raw) Print out all colors from computed styles used in elements on the page. Uses styled console.log calls to visualize each color. // allcolors.js // https://github.com/bgrins/devtools-snippets // Print out CSS colors used in elements on the page. (function () { // Should include colors from elements that have a border color but have a zero width? var includeBorderColorsWit

Fast, small color manipulation and conversion for JavaScript TinyColor is a micro framework for inputting colors and outputting colors as different formats. Input is meant to be as permissive as possible. Usage Documentation Read all the documentation on the TinyColor project page on github. Tests View the tests. Demo

videoconverter.js is a program that lets you process videos in your browser. About [#] Videoconverter.js was originally conceived and implemented for a project in Node Knockout 2013 called Video Funhouse. The idea for the application was to try and convert any video file into another video format, while allowing filters to be applied to the video – all inside of the browser, without uploading anyt

allcolors.js #   (view raw) Print out all colors from computed styles used in elements on the page. Uses styled console.log calls to visualize each color. // allcolors.js // https://github.com/bgrins/devtools-snippets // Print out CSS colors used in elements on the page. (function () { // Should include colors from elements that have a border color but have a zero width? var includeBorderColorsWit

How do they work? Based on Neil Jenkins' work at alistapart, an invisible clone pre element is maintained behind your textarea. Whenever the height of this pre changes, the textarea is updated. Usage Include expanding.js and jQuery in your page. Any textareas with the expanding class will then be transformed. <script src='expanding.js'></script> <textarea class='expanding'></textarea> Try typing h

<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

File Input You can access files that users select via an input[type=file]. Try it out below: Drop Zone Drag and drop files from your desktop here (or select them from the input above). They will be read in browser. Clipboard In some browsers, you can paste images onto a page. Go ahead and 'print screen' then press Ctrl+V to try that out! Doesn't work in Firefox (as of version 30). Follow this Fire