qrac_jpのブックマーク / 2014年11月30日

qrac_jp id:qrac_jp

2014年11月30日のブックマーク (6件)

超cool!!フラットで可愛い動きのチャートがHTML5で作れる「Chart.js」入門ガイド
やばい、こいつ可愛い。使い方もむっちゃ簡単でこんなcoolなチャートが出来るなんて。ポートフォリオにも、情報を説明する時にも、どんな時にでも役に立つ事間違いなし!開発者に感謝しつつ、そんな「Chart.js」を紹介していきたいと思います! Chart.jsとは? デザイナーや開発者がの簡単にグラフを表示出来るjsで、表示方法はHTML5のcanvasを利用して表示させます。コード的にはオブジェクト指向のコードで誰でも簡単に編集でき表示ができるようになっています。詳しくは本家サイトへ Chart.js Chart.js・ドキュメント目次に戻るこんな感じのチャートが作れます目次に戻る Chart.jsの実装方法初めにChart.jsをダウンロードしよう Chart.js に行き、赤枠に囲ってある Download をクリックして下さい。次に GitHub に飛びますので赤枠で囲って
qrac_jp 2014/11/30
“var myLine = new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);”
リンク
Bootstrap3でform-horizontalの中でテキストフォームを横に並べる - Qiita
生年月日を入力させるフォームで年、月、日のテキストフォームを分けて横に並べました。 Bootstrap3だけでは記述しきれずに、下記のスタイルを追記しました。 style="width: 70px;display: inline-block;" 最終的にCSSは外部ファイル化します。利用頻度が高そうなパターンですが、Bootstrap3だけで完結する方法は無いのかな？ <form action="" class="form-horizontal"> <div class="form-group"> <label for="name" class="control-label col-md-3">氏名</label> <div class="col-sm-8"> <input type="text" placeholder="氏名" id="name" class="form-contro
qrac_jp 2014/11/30
リンク
Bootstrap テキストフォームを1行に右側や左側で横並びにする - Code Log
Bootstrapでテキストフォームを横並び　一行で表示したい。ユーザIDとパスワードを右上に並べて表示したり、あるいは左側に並べてみたり。実現するためには、 <form method="post" action="hoge" class="form-inline text-left"> のように、formタグにclass="form-inline text-XXXX"を指定してやればいい。サンプルの画像はこちら。ソースコードはこちら。 <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=
qrac_jp 2014/11/30
リンク
JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト
こんなことありませんか？フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？そんな時、押した項目によってその後の内容を変化させれば項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。利用方法初めて申し込む 2度目以降の利用紹介者紹介された方のお名前を入力してください。会員番号会員番号を入力してください。特典:初めての方は30%オフ！サンプルソース(ラジオボタン) HTML [html] 利用方法初めて申し込む 2度目以降の利用紹介者紹介された方のお名前を入力して
qrac_jp 2014/11/30
リンク
Javascriptで数値の3桁区切りを実装 - Qiita
function addFigure(str) { var num = new String(str).replace(/,/g, ""); while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2"))); return num; } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
qrac_jp 2014/11/30
リンク
お気楽WEB屋のホームページ制作日誌 » [jQueryプラグイン] inputタグの数値（金額）をカンマ区切り
[jQueryプラグイン] inputタグの数値（金額）をカンマ区切り 2014.07.01 12,535 この記事は約3分で読めます。「入力する数値（金額）を3桁でカンマ区切りで表示したい」って言うのを頼まれました。いろんなコードがネットにあるので実現自体はそれらを拝借すればOKなのですが、jQueryプラグインの作成を覚えたいので、あえてプラグイン化してみました。ボリューム的に関数一つでコト足りる気もするので、どうせならフォーム関連でこのような細かい機能をまとめたプラグインに拡張して行こうと思います。プラグイン名は後でいろいろ詰め込むと想定して「formUtility」としました。という訳で、まずは複数のメソッド対応のjQueryプラグインを作成。そして、表示時に自動的に3桁ごとにカンマを挿入フォーカス時にはカンマを削除フォーカスが外れたら再びカンマを挿入という機
qrac_jp 2014/11/30
リンク
- 2014年12月1日
- 2014年11月30日
- 2014年11月29日