GitHub - fantasyland/fantasy-land: Specification for interoperability of common algebraic structures in JavaScript
The type signature notation used in this document is described below:1 :: "is a member of". e :: t can be read as: "the expression e is a member of type t". true :: Boolean - "true is a member of type Boolean". 42 :: Integer, Number - "42 is a member of the Integer and Number types". New types can be created via type constructors. Type constructors can take zero or more type arguments. Array is a
MiniCodeEditor
MiniCodeEditor An online HTML/CSS/JS playground in 62 & 142 bytes Inspired by Codepen, JSFiddle, JSbin and dabblet golfed by xem, p01, subzey, aemkei, rlauck, bburky, mmastrac and justecorruptio Full (142b): Edit HTML, CSS and JS, the result is updated in real time <iframe onload='id++<3?outerHTML+=`<textarea oninput="f[${id}]=value;f.srcdoc=f[3]+\`<script>\${f[1]}</script><style>\`+f[2]"rows=9>
Monkberry – a JavaScript library for building web user interfaces
Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces. Features small 1kb minified & gzipped simple, small learning curve fully tested precompiled templates source maps custom tags blazingly fast (only necessary dom updates) <ol> {% for todo of todos %} <li> {% if todo.complete %} <del>{{ todo.text }}</del> {% else %} <em>{{ todo.text }}</em> {% endi
ejs - Readable JavaScript Errors
Experimenting with window.onerror , trying to make JavaScript debugging easy. What does it do? As of now, it provides JavaScript error details in a readable format. Planning to add more functionality later where turning on the debugging mode will throw error details on the screen. Example Lets take a simple code snippet which will raise an exception. var test = a + 1; //a is not defined Instead of
JavaScript Primer - 迷わないための入門書 #jsprimer
JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 JavaScript Primerを読み始める 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。
スマホサイトで使えるコピペTips集(Javascript / CSS3 / HTML5) | hi-posi Front-End blog
※ほぼ備忘メモで説明をかなり省いているので、ある程度制作知識のある方向けのエントリーです。 ※JavascriptはjQueryを使う場合が多いので読み込んでいる前提です。 目次 振り分け系 ユーザーエージェントを判別する ページを横幅320pxに合わせて拡大(zoom)する 画面の回転（Landscape-Portrait）イベントを取得する 現在Landscapeモードか、Portraitモードかを調べる スクロール制御系 タップするとページの一番上にスクロールで戻る タップすると指定したidの位置までスクロールで戻る タップすると指定した位置までスクロール無しで戻る iPhoneのSafari(iOS7含む)でスクロールを禁止する タッチ制御系 タッチ開始を検知する タッチ中を検知する タッチの終わりを検知する フォーム制御系 フォームのラベルのタップを有効にする フォームのペース
Multiple.js
An experiment in sharing background across multiple elements using CSS Surfing over dribbble I stumbled upon a Xonom design by Cosmin Daniel Capitanu. I wondered how to accomplish such "background sharing across multiple elements" effect at HTML/CSS without any coordinates processing by JavaScript. This page is result of my research by this topic. Check original Xonom and notice how background gra
feathers
For TypeScript and JavaScript in Node.js, React Native and the browser Feathers is a full-stack web-framework for creating APIs and real-time applications with TypeScript or JavaScript. Feathers can interact with any backend technology, supports many databases out of the box and works with any frontend technology like React, VueJS, Angular, React Native, Android or iOS. Feathers is a full-stack we
Fable: JavaScript you can be proud of!
F# |> BABELThe compiler that emits JavaScript you can be proud of! Fable is an F# to JavaScript compiler powered by Babel, designed to produce readable and standard code. Try it right now in your browser! Fable brings all the power of F# to the JavaScript ecosystem. Enjoy advanced language features like static typing with type inference, exhaustive pattern matching, immutability by default, struct
JavaScriptのオブジェクトという考え方について | taccuma note
JavaScriptで扱えるデータ型には文字列（strings)、数値（numbers）、真偽値（true or false）、undefined、null、配列（Array）など色々ありますが、オブジェクト（Objects）もそのデータ型の1つです。 オブジェクトというとちょっと分かりにくいですが、要するに「物」です。ドットインストールでは田口さんが「JavaScriptがあらかじめ用意してくれているよく使う便利な命令群、材料」だと言ってました。オブジェクトの後ろにあらかじめJavaScriptさんが用意してあるプロパティやメソッドをくっつければ色々便利なことがゴニョゴニョ出来るわけです。 JavaScriptに出てくる代表的なオブジェクトといえば・・・ 日付オブジェクト 文字列オブジェクト 数値オブジェクト などがありますね。 しかし、こういった出来合いのオブジェクトだけじゃなく、オブ
JavaScript入門を果たすために知るべき、たった３つの重要ポイント | プログラミング 入門レシピ
ホームページ制作のために、JavaScript勉強をし始めたけど、なかなか思い通りのアニメーションが作れるようにならない・・・。そんなお悩みはありませんか？実際Javascriptは、入門レベルでも思ったより複雑な点が多く、仕組みも理解したはずなのになぜか動かないことがとても多いです。 でも実は、あるコツを掴めば、誰でも入門レベルのJavascriptを簡単に使いこなして便利なアニメーションが作れるようになっちゃうんです！一見難しそうに見えるJavascriptですが、これを機にちゃちゃっとマスターしちゃいましょう！ 目次 基本はこれだけ！まずは「セレクタ」の使い方を覚えよう！ まず、セレクタ以前の話として、ホームページ作成にjavascriptを使うときは必ず初心者のかたは「jQuery」を使いましょう。圧倒的に作業が簡単になります。 jQuery最初の難関は、「セレクタ」の使い方を覚え
JavaScriptの基礎 - 第1章 JavaScript言語仕様 - [SMART]
式 プログラミング言語には様々な種類の式があります。例えば、前節でコンソールに入力した「1 + 1」は算術式です。算術式は + や - といった演算子と呼ばれる記号を使い、加算や減算などの演算を行います。 上記は数学の式と同じで、10に20を加算しています。 コンソールで確認しよう 10 + 20 出力結果 30 代入式 次に紹介するのは代入式です。代入式は代入演算子（ = ）を使い、左辺の変数に右辺の値を代入します。 上の式を実行すると、valの値は10になります。 コンソールで確認しよう val = 10 出力結果 10 代入式は文字列も使えます。 コンソールで確認しよう s1 = "Hello world" 式は代入の際に計算することもできます。次の式では、xに5を代入し、100にxを足し、その結果をyに代入しています。xは5になっているので、yには「100 + 5」の結果の値105
![JavaScriptの基礎 - 第1章 JavaScript言語仕様 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
JavaScript入門講座
JavaScript入門講座はJavaScriptの知識を習得してWebデザイナーやクリエーターを目指す方を対象にしています。 当サイトによりJavaScriptを習得し、より良いサイト製作の手始めとなれば幸いです。
DOM = フレームバッファ - id:anatooのブログ
この記事はDOM = Frame buffer | Quixey Blogを勝手訳したものです。 もしあなたが大規模なAJAXアプリケーションを書いているなら、このようなコードを書くのを許せるだろうか。 if (jQuery("#file_menu").is(":visible")) { ... } 駄目だ、これは全然良くない。というのも、プログラムの状態の保持をDOMに依存しているからだ。私たちは以下のように主張したい。DOMは木構造を持っているにもかかわらず、あなたのアプリケーションの出力をエンコードするのみであり、セマンティクス(意味論)を持っていない、と。 デスクトップのメタファ デスクトップアプリケーションをプログラミングすることを考えよう。あなたのプログラムはメモリ内のオブジェクトを通じて一連の状態を保持する。もしあなたが現在どのUIエレメントが表示されているかを知りたいならば
生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | POSTD
(編注：2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項： 私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に 圧倒された だけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、 他に必要なのは React の使い方を説明してくれる人だけです。 喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか？大丈夫、 2分後、 初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、です。
[WIP]これからの生JS & jQueryとの付き合い方 // Speaker Deck
All slide content and descriptions are owned by their creators.
![[WIP]これからの生JS & jQueryとの付き合い方 // Speaker Deck](https://cdn-ak-scissors.b.st-hatena.com/image/square/186eb2a82940b59c5c92c3099669ab595a939682/height=288;version=1;width=512/https%3A%2F%2Fspeakerd.s3.amazonaws.com%2Fpresentations%2Fe8eb376a63b64293987c99a6574d8363%2Fslide_0.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - iostreamer-X/Awkward: A NodeJS based shell. Everything is an Object!
https://www.ituore.com/entry/javascript-basic
GitHub - JoelOtter/kajero: Interactive JavaScript notebooks with clever graphing
A Pen by KIMURA Tetsuro