東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

フッター手前で止まる「トップへ戻るボタン」

http://ss-complex.com/work_top_back_button/

【ECCUBE3】お問い合わせフォーム 項目追加

https://goweb.jp/stblog4/2017/01/37/ここを参考にしたが、ContactType.phpにかくlabelはtwigでは文字化け(コンタクトフォームの項目名のこと) もう直接twigに項目名はかいた。

【ECCUBE3】もろもろのtwigファイルの場所が変更されたのでそのメモ

例えばお問い合わせフォームの確認画面のtwigは以下に変更【前】app/template/default/Contact/【後】src/Eccube/Resource/template/default/Contact/

【ECCUBE3】新規ページ追加

{% extends 'default_frame.twig' %} {% block main %} ここに新規ページの内容記述 {% endblock %} 【参考】 EC-CUBE3で新しいページを作る方法 - TetraThemesブログ

【ECCUBE3】新規ページを作るときのディレクトリuser_dataを削除

下記記事のhtml/index.phpはトップディレクトリにindex.phpがある場合がある(htmlフォルダにindex.phpがあるとトップページのurlがxxxxxx.com/html/となる)http://amidaike.hatenablog.com/entry/2017/05/31/145644 page_edit.twigの場所はこちら https://…

Youtube api 動画切り替え

ここをコピーしてできた。http://jsdo.it/mr_myself/vsg2 jsdoなので使うときはライセンス表記 下記はちょっと参考https://qiita.com/konweb/items/ab414d75ecddfb0cf4e9

【jquery】CSSTransitionのイベントが終わった時に何かの処理をする

https://qiita.com/roana0229/items/b1d3ac9038ff59ce1e0f

【illustrator】ブレンドツールを使ってオブジェクトを円周上に均等に配置

https://forums.adobe.com/thread/2098893

【jQuery】リサイズ完了時に要素を移動

// リサイズ処理 var timer = null; $(window).on('load resize',function() { clearTimeout( timer ); timer = setTimeout(function() { //処理内容 var windowWidth = window.innerWidth; if (windowWidth > 768) { // PCの処理 // .info_titleのあとに#in…

エックスサーバーへワードプレス移管(公開前の動作確認URL発行)やり方

エックスサーバ公式サイトでは動作確認URL発行せずhostsファイルを編集するよう勧めているが動作確認URL発行でもいける①まずは、下記のアドレスの通りに移管作業を進める。 https://www.xserver.ne.jp/manual/man_install_transfer_wordpress.php https://ww…

CSSスプライト画像 ジェネレーター

css

https://www.toptal.com/developers/css/sprite-generator

電話番号のリンクをスマートフォン端末以外では無効にする

https://qiita.com/shouchida/items/a057a869003e4e2eb009

【wordpress】管理画面の使わないメニューを非表示にする

// 使用しないメニューを非表示にする function remove_admin_menus() { // level10以外のユーザーの場合 if (!current_user_can('level_10')) { global $menu; // unsetで非表示にするメニューを指定 unset($menu[5]); // 投稿 unset($menu[20]); // 固定ペ…

プラグインなしでカスタム投稿

下記をfunctions.phpに記述。 // おしらせカスタム投稿 add_action( 'init', 'custum_post_type' ); function custum_post_type() { //ここからカスタム投稿追加 register_post_type( 'news', array('labels' => array( 'name' => __( '新着情報' ), 'all_it…

googlemap マイマップやり方

http://smatu.net/2016/03/03/googlemaps-mymap/

PDF圧縮ツール

PDF

https://smallpdf.com/jp/compress-pdf

LOADING中はスクロール禁止

html { overflow-y: scroll; } body{ position: fixed; overflow-x: hidden; } .wrap { overflow: hidden; } #loading { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; display: table; color: #fff…

illustratorでウェブデザインするときのメモ

「初期設定」 ● 単位は「ピクセル」にすること ● カラーモードは「RGB」 ● ラスタライズ効果は「スクリーン(72ppi)」 ● 「新規オブジェクトをピクセルグリッドに整合」のチェックは外す。「にじみ」「1pxのズレ」対策 ● Illustratorの表示メニューで「ピク…

【jQuery each】li要素を順番にアニメーション

$(function(){ // リストを非表示 $('#fadein_area ul li').hide(); // 繰り返し処理 $('#fadein_area ul li').each(function(i) { // 遅延させてフェードイン $(this).delay(500 * i).fadeIn(1000); }); }); 【参考サイト】 http://www.dataplan.jp/blog/jq…

ジェネレーターまとめ

css perspective generator https://webcode.tools/css-generator/perspective

【wordpress css】contact form7のチェックボックススタイリングcss

デフォルトのcheckboxはdisplay: noneで消す。 .wpcf7-list-item-labelの疑似要素beforeでボックスを、afterで長方形を斜めにしてcheckマークをつくる #wpcf7-f16-p4-o1 input[type="checkbox"]{ display: none; } #wpcf7-f16-p4-o1 label{ cursor: pointer;…

惰性スクロール(イージングスクロール) 記事まとめ

https://skygold.jp/web/1278.html http://webdrawer.net/javascript/jsscroll.html http://www.webopixel.net/javascript/435.html http://the-zombis.sakura.ne.jp/wp/blog/2015/02/02/post-2626/

JavaScriptメモ

プロパティとメソッド プロパティは()はない 繰り返しのfor文とwhile文の違い 繰り返す回数が決まってるときはfor、決まってないときはwhile オブジェクトの意味 ①window.alert、console.logなどのwindowやconsoleのこと。 javascriptの基本文法は console.l…

【wordpress】custom field suite の画像IDでの画像出力ループ(lightboxつき)

<ul> get('loop_gallery'); foreach ($fields as $field) : ?> // ループ開始 <li> </li></ul>

【jQuery】タブ切り替え2(レスポンシブ対応でdisplay:noneからのfadein)

<ul id="click_box2"> <li class="select">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> <div class="f_r"> <div class="content_wrap disnon show"> </div> <div class="content_wrap disnon"> </div> </div>

cssでscale と tlanslale3dを一緒にかく

css

@-webkit-keyframes slideInViewport { from{ -webkit-transform: scale(1) translate3d(0, 0, 0); } to{ -webkit-transform: scale(0.8) translate3d(250px, 0, 0); } } 【参考URL】 http://stackoverflow.com/questions/20051832/how-to-scale-and-transla…

【jQuery】タブ切り替え

<ul id="tab"> <li class="select">ボタン1</li> <li>ボタン2</li> <li>ボタン3</li> <li>ボタン4</li> </ul> <div class="safety_cw"> <div class="content_wrap no1"> <div class="container_safety"> <h2>コンテンツ</h2> </div> </div> </div>

要素の高さをレスポンシブでそろえたい時【jquery-fixHeightSimple.min.js】

$(function(){ // ページ読み込みでsameheight関数 sameHeight(); // ブラウザリサイズ リサイズ完了時に実行 var timer = false; $(window).resize(function() { if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { sameHeigh…

touchmove.noscrollを使ったスマホナビ

これだと、スマホで背景は固定されるがPCではされない。まあいいや var current_scrollY; $(document).on('click', '.menu-trigger', function() { if ($(".menu-trigger").hasClass("active")) { // メニューを閉じるとき $(window).off('.noScroll'); $(th…

【jquery必要なしスライダー】swiper

/bodyの上にswiperのjsファイルを配置すること。それ以外だとバグります。 その下に <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script> <script> var mySwiper = new Swiper ('.swiper-container', { effect: "fade", autoplay: 3000, noSwiping: true, noSwipingClass: 'no_swipe', loop: true }) </script> …