読者です 読者をやめる 読者になる 読者になる

MyController

WEB業界素人の僕がまた見返しそうなことのメモです。

【JS】エラーを厳格にチェック

知らんかった。 "use strict"; と、関数内に最初に書くとエラーを厳格にチェック出来るらしいので開発中には入れた方がよさげ。 例 "use strict";var greet = "Hello World."; 参考というか詳細は下記 JavaScriptでの”use strict”宣言によるStrict モードの…

JSの関数メモ(超初心者用)

今更ながら関数の使い方。 完全自分のメモ用です。 $(function(){ //-------------------------------- var m = menseki(5); //ログ出力 console.log(m); //-------------------------------- }); function menseki(r){ var m = r * r; return m;}

【JS】固定ヘッダ対応のスムーズスクロール

結構汎用的に使えるし使うので。 // スムーズスクロール // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動…

【JS】アニメーションした後に処理を実行

こんな感じ //クリックイベント $('.menucover span').click(function(){ $('.menucover').stop().animate({ top:-793 },500,function(){ ここの処理はアニメーション終わった後に実行される }); })

【デザイン】今後参考にさせて頂くかもなサイトと気になったデザインの実現ヒント

背景の縦グリッドを簡単に実現 http://epoch-inc.jp/http://1st-touch.jp/about/http://norgram.co/http://thefotonaut.com/en/http://www.archi-k.com/ 縦グリッドはCSSでこんな感じのよう。 leftで指定px; transform: matrix(1, 0, 0, 1, 0, 0); ボックス…

【JS】スマホのセンサーにアクセス

後で読むhttp://www.atmarkit.co.jp/ait/articles/1409/03/news109.html

【JS】ボタンをクリックするたびにクラスを付与したり消したりする

これだけ。 フラグ立てる必要もないので便利。 1.Toggleの場合 (function($) { $(function() { var $header = $('#top-head'); // Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); }); });})(jQuery); 2.click each $("…

【JS】以後表示しないリンクを押すとcookieに有効期限付きで保存する方法

宣言 /* キャンペーン終了日 */^M var end_date = new Date('2017/01/01');^M end_date.setDate(end_date.getDate() - 7); cookie_key = 'XXXXX'; /* 以後表示しない */^M $('.popup_after_not_disp').on('click', function(){^M $('button#cboxClose').clic…

JavaScriptにおけるバリデーションチェック

wordpressで問い合わせフォームを作った時にハイフンなしのバリデーションチェックをしたかったので。ハイフンなしなら下記でおけ。 $('.wpcf7-validates-as-tel').each( function () { if ( jQuery.trim( $(this).val() ) != '' && !$(this).val().match( /…