WEB

(記事数 12)

ブラウザバックで消せるモーダルウィンドウのプラグインを作成しました。

DEMO HashModal example How To Use <button type="button" class="modal-open">Modal</button> <div class="hashModal-inner" data-hashModal-id="hashModal" role="dialog"> <h2>Example

jQuery deferredを使い、javascriptの confirm をカスタマイズ 4

jQuery deferredを使い、javascriptの confirm をカスタマイズ 3の続編です。 使っていたjsのmixinにバグがあったので、素直に、$.extend を使うように変更しました。また、optionのdefaultの構造も変更しました。 DEMO confirm confirm 1 confirm 2 alert alert 1 alert 2 textarea プラグ

jQuery deferredを使い、javascriptの confirm をカスタマイズ 3

jQuery deferredを使い、javascriptの confirm をカスタマイズ 2の続編です。 jQueryのfadeInが思ったように機能しなかったため、フェードインのアニメーションをCSS3で行うようにしました。 DEMO confirm confirm 1 confirm 2 alert alert 1 alert 2 textarea プラグイン confirmDialog.

jQuery deferredを使い、javascriptの confirm をカスタマイズ 2

jQuery deferredを使い、javascriptの confirm をカスタマイズの続編です。 DEMO confirm confirm 1 confirm 2 alert alert 1 alert 2 textarea プラグイン confirmDialog.js alertDialog.js 使い方 $(function(){ // // confirm // var hoge =

jQuery deferredを使い、javascriptの confirm をカスタマイズ

confirm キャンセル はい jQuery(function($){ var site = {}; site.confirmHtml = $('#js-confirm')[0].outerHTML; $('#js-confirm').remove(); site.customConfirm = function(textHtml) { var d = new $.Deferred; $('bo

js スニペット と メモ

aがundefinedかどうか if (typeof a === "undefined") { // } 以下の全てがfalseと判断される if (undefined) { // 実行されない } if (null) { // 実行されない } if (0) { // 実行されない } if ('') { // 実行されない } if (false) { // 実行されない } 画像のプリロード

js 画像をドラッグ ドロップで ブラウザに表示する

DEMO DEMO 仕様 option var defaults = { MAX_LNGTH : 1,//一度にドラッグできる数 MAX_SIZE : 1,//ファイルサイズの最大値(MB) accept : 'image/gif, image/jpeg, image/png',//拡張子制限 input : $el.find('.imagedragdrop_file'),//inputを指定 o

Rails よく使うコマンド

Rails 初心者である自分が、google検索するコマンドをまとめていきたい。 rails new turbolinksを使わないで アプリを作成する $ rails new アプリ名 --skip-turbolinks --skip-bundle DBはmysqlを使う $ rails new アプリ名 -d mysql gem インストール $ bundle install --path v

mySQL コマンド まとめ

rails開発のためのmysqlのコマンドのメモです。 バージョンは、#Server version: 5.7.18 Homebrewです。 パスワードを設定する # 1.MySQL停止 $ mysql.server stop # 2.MySQL起動 $ mysql.server start --skip-grant-tables # 3.MySQLに接続 $ mysql # 4.データベース選択

css display flex の 使い方(中央寄せなど)

CSS3 Flexbox の各プロパティの使い方をわすれないようにしたメモです。 flexboxの使い方 ブロック要素に使用するには、親要素には以下のstyleを付加 .flex-container { display: -webkit-flex; /* Safari */ display: flex; } インライン要素に使用するには、親要素には以下のstyleを付加 .flex-contain

gitコマンド

差分のあるファイル名を表示 $ git diff master --name-only // masterと差分のあるファイル名を表示 追加ファイルを消す $ git clean -n // 削除されるファイルを表示 $ git clean -f // 追跡対象外のファイルをカレントディレクトリから削除 add 取り消し $ git reset HEAD {path} 作業を取り消す $ git

sublimeの設定ファイル

設定 { "always_show_minimap_viewport": true, "auto_close_tags": true, "auto_complete_selector": "source - comment, text", "bold_folder_labels": true, "close_windows_when_empty": true, "color_scheme": "P