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

JavaScript

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

2017-01-26

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

デザイン CSS JavaScript

背景の縦グリッドを簡単に実現 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); ボックス…

2017-01-19

Yahooメールのみ送信しても迷惑メールになる時の確認と対策

インフラ/メール

今回は同ドメインにてroot@からは受信箱にいくのに、 info@からだと何故か迷惑メールに入ってしまった。ヘッダを確認するとSPFは問題ないようだ Received-SPF: pass (・・・・・・差分を取ってみるとこんなものがX-YahooFilteredBulk: xxx.xxxx.xxxxx.xxxx…

2017-01-18

【AWS】「EC2」CentOSからメール送信＆返信されたらメール転送

インフラ/メール AWS

基本AWSでもCentOSなのでPostfixを使うよ。考え方CentOSなので同じ。 AWS EC2の設定（当然アマゾンじゃないならCentosのiptables）インバウンドでsmtp 25 アウトバウンドで0.0.0.0/0 全てOK ※EC2の場合はメール送信制限があるようなので解除申請が必要。 …

2017-01-13

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

JavaScript

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

2017-01-13

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

JavaScript

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