bxSliderの画像には幅と高さを指定するのを忘れるな | Moral Hazard!! | モラルハザード!!自分用メモ。 bxSliderを導入する時は各画像にwidth,heightを指定しないと、Google Chromeで表示順がずれる不具合が起きる。 忘れるな！ 参考サイト http://blog.73web.net/?p=507
KUTE.js Core Engine Examples | Javascript Animation Engine
KUTE.js core engine can animate by itself a great deal of CSS properties as well as scroll. You can do it all with native Javascript without libraries like jQuery, but before we head over to the more advanced examples, let's have a quick look at these two basic examples here. Note: the examples are posted on codepen. Basic Native Javascript Example When developing with native Javascript, a very ba
現場で使えるアニメーション系JSライブラリまとめ(2018年版) – TweenMax, CreateJS, WebAnimation, Velocityなど - ICS MEDIA
現場で使えるアニメーション系JSライブラリまとめ GSAP, CreateJS, WebAnimation, Velocityなど ウェブサイトのインタラクションやUIの振る舞いなど、HTMLでモーションを実装する機会は多々あります。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、WebGLやCanvas、SVGなどJavaScriptが実装の中心となる制作作業では、CSS Transitionでは対応しきれず、アニメーションライブラリ（トゥイーンライブラリとも言います）が必要となる場面があります。 JavaScriptのアニメーションライブラリは多種多様なので、どのライブラリを採用するのか悩みどころ。本記事ではHTMLのJavaScriptライブラリについて、使い勝手や書式を紹介します。 今回紹介するメジャーなJSライブ
オシャレなtoastが簡単に実装出来るjsプラグイン「iziToast」
iziToastのインストールはこちらの公式ページからダウンロードする方法の他、パッケージマネージャーを使っての導入にも対応しています。 # npm npm install izitoast --save # bower bower install izitoast <!-- ブラウザ上でライブラリの読み込み --> <link rel="stylesheet" href="/izitoast/dist/css/iziToast.min.css"> <script src="/izitoast/dist/js/iziToast.min.js></script> iziToastの基本的な使い方は、プロパティの ' title ' に toastのタイトル ' message ' に表示させたい本文を割り当てて使います。 ( デフォルトでは5秒で自動的にtoastが非表示にされます * 設
【日付】dateの色々が詰まったjsライブラリ「date-fns」
2016年 12月3日 09時30分 6年前 javascriptで日付を扱う時に便利なライブラリ「date-fns」の紹介です。 javascriptで日付を扱うのは一癖あり、普段から他の言語を使っている人からすると "あれ？"っと思うことがあります。 dateに特化したライブラリと言えば " Moment.js "が有名ですが、モダンなdateライブラリが「date-fns」です。 " date-fns " は2016年の5月に初リリースされたdateライブラリで、後発ということもあり lodashの様に、使いたい機能だけをモジュール単位でインポート出来たり、関数型チックにdate処理を書くことができます。 また、用意されている関数も140個以上と豊富に用意されています。 ( * 執筆時のバージョンは 1.14.1 ) っということで、基本的な使い方と、よく使いそうな機能を幾つかピック
Responsive Nav — Responsive Navigation Plugin
Responsive navigation plugin without library dependencies and with fast touch screen support. Try it out by resizing this window. Download Features Responsive Nav is a tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “cle
レスポンシブルなオーディオプレイヤーが実装できる「AudioPlayer.js」 - Noise of Web Programming
レスポンシブWebデザインに対応したオーディオプレイヤーを実装できるライブラリをご紹介。 AudioPlayer.js この手のライブラリは既にいくつかあるが、シンプルデザインがかっこよいのとわずか4KBという軽さながら、レスポンシブルな点が秀逸。 100%の幅だとこのサイズ。 画面幅を狭めていくとこのようにプレイヤーも小さくなっていく。 これはスマホでも使えそう。オーディオプレイヤーを使ったサービスを作ろうと考えていたので、このライブラリを検討してみよう。
js-gitの使い方 - Qiita
あらかじめ読んでおくもの JavaScriptでGitを実装するKickstarterプロジェクト、28時間で資金調達 Git の仕組み (1) Git の仕組み (2) Gitの内側 js-gitとは gitをjavascriptで実装しちゃったjs-git。 わざわざgitをjavascriptで実装したからにはブラウザで使うでしょう？ js-gitは「なんらかの形で表現された.gitディレクトリ」の中身をあれこれするためのAPI集です。 この「なんらかの形で表現された.gitディレクトリ」には、オンメモリとかnodejsのfs標準ライブラリのラッパとかindexedDBとかWebSQLとかいろいろあります。DOMStorage系がないのが気になりますがあんな容量でローカルリポジトリとして使うのは難しいでしょう。localStorage使いたかったらlocalStorage-dbをご自
人気上昇中のJavaScriptライブラリを調べてみた【2016年版】
新しいWeb開発フレームワークも登場！ 2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する。 ← 前回 連載 INDEX 2016年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2015年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「コンピュータ、電化製品」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、
HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較｜TechRacho by BPS株式会社
2014.10.15 HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較 最近MBA 買ったんですけど、ずっとドザーだったので全然慣れないshibuso です。トラックパッド使うと指が痛くなって泣ける…。 さて、今回は無料で公開されているdatetimepicker についてまとめたいと思います。datetimepicker と聞いてピンと来ない人は、フォームをクリックするとカレンダーが表示されて、そこで日時を選ぶ機能と思ってもらえば大体合ってます。少し前までプルダウンで年月日を選ぶのが普通だったのに、色々と便利になってきています。 とはいえdatetimepicker はまだあまり選択肢が無いように感じます。私の検索の仕方が悪いのかもしれませんが、日付のみを選択できるdatepicker の方が多いかと。そんな中、今回はdatetime
DateTimePicker - XDSoft plugins, scripts, program, parsers
PeriodPicker or TimePicker or PeriodDateTimePicker Try another perfect period picker or cool datetimepicker. Used TimePicker or perioddatetimepicker Compact mode like this datetimepicker mode or cute timepicker (touchable,draggable,use keyboard and mousewheel, support mobile devices). Read more Buy and Download Read more ... How do I use it? First include to page css and js files <!-- this should
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】
対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し
JSライブラリ/フレームワークの良い、悪いメモ - 素人がプログラミングを勉強していたブログ
※ただのメモで、未来志向なのであまり真に受けてはいけない。 良いっぽい React.js 早速い/コンポネント志向/APIの設計がいい。JSXと他のトランスパイラの組み合わせという問題はある Promise ネイティブに入った、誰もが使ってる TypeScript ES6時代でも存在意義のある言語。TypeScript互換のFacebook Flowの動向に注目 Backbone.js ModelとEventを使う/Viewは使わなくていい Lodash Underscore.jsをよくしたやつ Gulp Gruntより良いという意味で。browserifyまわりがうまく動かない問題があってnpm runのほうがいいという噂もあるがまあ良いに分類してもいい EventEmitter Custom EventはDOMにくっ付いてる感があるのでロジック志向の物にはEventEmitter使った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由
appgiga.jp
メモ: Underscore vs Lo-Dash - Qiita
http://ja.d3js.node.ws/
Site Under Maintenance
