GitHub - simonwep/pickr: 🎨 Pickr - A simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
[JS]レスポンシブ対応のカラーピッカーを簡単に実装できる超軽量のスクリプト -Pickr
Webページやアプリに外部スクリプトと数行のコードだけで、使いやすいカラーピッカーを簡単に実装できる超軽量のスクリプトを紹介します。 レスポンシブに完全対応しており、デスクトップのマウス操作でもスマホのタッチ操作にも対応しています。 他のスクリプトやスタイルシートに依存はなく、React、Vue、Angular、jQueryなどと一緒に利用することもできます。また、Bootstrap、MaterializeなどのCSSフレームワークへの互換性もあり、幅広く利用できます。 カラーピッカーの使い方は、簡単 HEX, RGBa, CMYK, HSLa, HSVaをサポート jQueryなどの他スクリプトへの依存は無し Bootstrap, MaterializeなどのCSSフレームワークへの互換性 複数の色表現 色の比較 不透明度のコントロール タッチデバイスをサポート Nodejsのサポート
![[JS]レスポンシブ対応のカラーピッカーを簡単に実装できる超軽量のスクリプト -Pickr](https://cdn-ak-scissors.b.st-hatena.com/image/square/12b3cee3e07a63a7a087487c66c0ccc4563e8ea0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018072702.png)
JavaとJavaScriptの「別物感」を印象づけるフレーズ集 - Qiita
JavaとJavaScriptをよく知らない者の中にはそれらを混同し、JSのことを指して「Java」と呼ぶ者がいる。そうした人に、言語特徴の違いはさておき、まずはJavaとJavaScriptが別物であることを印象づけることが効果的である。その後に、本人が望めばだが、それぞれの言語の特徴について話に入ると良い。本稿では、そのような状況において役立つかも知れないJavaとJavaScriptの別物感をうまく伝えるフレーズをいくつか紹介する。 「メロンとメロンパンくらい違う」 同じ食べ物であるが、しかしその性質が全く別であることをうまく表現している。 子供でも知っている単語を使うので、多くの人が腑に落ちやすいだろう。 この表現は中でも広く使われているようで、応用表現として「Javaが書けるならJavaScriptも書けるだろ」のような無茶振りに対する返し文句として**「メロン農家の人にメロンパ
JavaScript256文字でのゲーム作り - ABAの日誌
Tiny Art in Less Than 280 Characters ggplot2で280文字以内で作られた美しい幾何学模様。 sc140 SuperColliderで140文字以内で作られた楽曲群。 Dwitter JavaScript140文字以内でできた作品集。 短いコードで作られた作品は情報がギュッと詰まった感じが美しい。最低限の構成要素で最大限の効果を得る工夫が詰め込まれている。 グラフィックスや音楽だけでなくて、ゲームでも同じように短いコードで書けるといいな、と思っていたらDwitter上の以下の作品を紹介してもらった。 Crossy tortoise クロスハイウェイならぬクロスかめ。ワンキーゲームを140字で実現しているのがすごい。でもスコアは無くて一度渡りきったらそこで終わりという潔い作り。 ゲームを名乗るからには以下の要素は入れたい。 スコアがある ゲームオーバー
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが
ACEエディターを使ってみる
なかなか不安定だけど未来を感じさせると自分の中で話題のサービス、Cloud9で使われているACEエディター（現時点でバージョンは1.1.3）の使いかたを調べてみた。ここでいう使い方とはACEエディターを使ったウェブページを作ること。ACE自体はライブラリとしてほかのサービスから使えるようになっている。ACEはエディターとは言ってもブラウザで動作するため、直接ローカルのファイルを読み書きするものではない。どちらかというとTEXTBOXタグが、プログラム言語を編集するために豪華になった感じだ。 ACEを使うだけなら数行のコードだけでできる。エディタを表示するためのPREタグを用意して、そのタグをエディターにするためにライブラリの呼び出しをして、プログラミング言語やテーマの設定をすればいい。Embedding GuideにもサンプルコードがあるがHTML全体でも30行ほどに収まる。ACE自体にデ
OpalのNativeはどのように実装されているのか - Qiita
require 'native' %x{ var foo = new Object(); foo.bar = function() { return 'bar'; }; foo.baz = 'baz'; } n = Native(`foo`) puts n.bar puts n.baz こんなプログラムを実行してみましょう。n.barもn.bazもそれぞれ文字列を返します。 Rubyのこれらの呼び出しはすべてメソッド呼び出しになります。 一方、JavaScriptではプロパティに関数だったり、文字列だったりをアサインすることができます。 Nativeは関数であれば関数を実行した結果を返すし、文字列などの値であればその値を返すようになっています。 それでは、これらがどのように実装されているか見てみましょう。 Nativeはstdlib/native.rbに定義されています。 まずはNativ
コメントが書ける新しいjsonフォーマット「hjson」
2016年 4月1日 10時15分 7年前 JSONにコメントが書けるJSONを拡張したフォーマット、「hjson」の紹介です。 データの受け渡し 〜 設定ファイルまで言語間を超えて様々なシーンで使われるJSONフォーマットですが、設定ファイルとして使う場合 データ数( 配列 or オブジェクト)が多くなると管理が難しくなってきます。 「設定ファイルではJSONじゃなくてXML代替のYAML使えば？」っという意見も出てきそうですが、node.js関連のパッケージ等はJSON一択です。（ * RailsやSymfony等のフレームワークはYAMLが使われています ） そもそもJSON ( JavaScript Object Notation ) はjavascriptのオブジェクトなのでYAMLの様にコード内にコメントを書くことは想定されていません。 そんなフォーマットの縛りが強いjsonを
SyntaxHighlighter（Ver3.x）の導入方法 | Sabakura Blog
Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0 Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap
JavascriptのAjaxについての基本まとめ - Qiita
Ajaxとは Asynchronous JavaScript + XMLの略。 すなわちJavascriptとXMLを使用して非同期（Asynchronous）でページ内容を更新する技術のこと。 ①クライアントから非同期更新に必要なデータをサーバに送る ②サーバはデータを受け取ってクライアントに整形済データを返す ③クライアントはサーバから受け取った整形済データをDOMに反映する ざっくりこのような流れでAjaxは実現されている。 クライアントからデータを送ったり、サーバから整形済データが返ってきたと検知するところにJavascriptのXTR（XMLHttpRequest）という技術が使われていて、返ってくる整形済データがXMLだったりするのでAsynchronous JavaScript + XMLと呼ばれている。 ただしXMLは名前だけ残っている感じで、今は返ってくるデータはJSON
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pickr - Modern Color Picker
Firefox内蔵の開発ツール使いやすい！と思った11のポイント
OpalでJavaScriptのAPIを呼びだしてみよう - Qiita
Syntaxhighlighter autoloader
remora.cx
SyntaxHighlighter Evolved Brush for other languages | mikrom
SyntaxHighlighter 3.0.xx , lua brush shBrushLua.js
GitHub - eljeko/shBrushLua: SyntaxHighlighter Lua Brush
GitHub - jamiely/syntaxhighlighter-lua: Adds a lua brush for use with the Wordpress plugin SyntaxHighlighter
GitHub - pixiv/musicvideo-generator
