2020-01-01から1年間の記事一覧

学習参考まとめサイト,便利な拡張機能,favicon作成サイト

MDNのドキュメントをカテゴリごとに検索しやすいので便利 devdocs.io www.w3schools.comemmet docs.emmet.io coliss.com www.favicon.cc

ワードプレス参考サイト

hirashimatakumi.com なぜかカスタム投稿タイプを検索除外にしていたので、タクソノミーアーカイブが表示されなかった https://kanae-design.the-day-mie.com/307/ MAMPからのデータ移行とデータベースの書き換えについて大変参考になりました。 yuruyururoa…

自身でよく使うcssをsassにまとめてみた

sassでコーディング効率化!意外と知らなかった?関数いろいろ※cssコンパイル後ソースあり – ツーブロッカ CSSをスマートに!今日からSassで使える便利なmixin11選|ferret SCSS 内でのループ処理 (@for, @while) | まくまくSassノート Sassでよく使っている…

ユニークなidを付与してくれるNode.jsのパッケージについて

gitのドキュメントは下記です。 github.comUdemy講座内で使用されていました。 Node.jsのパッケージとしてインストールし、import uniqid from 'uniqid'; でインポートして使用しました。定義の仕方は下記のような感じです。 const item = { id: uniqid(), c…

ハッシュ値の取得とイベント、カスタムデータ属性をもっているデータの取得,closestメソッドを使用して、指定したパラメータを持っている一番近い物を取得

ハッシュ値の取得 const id = window.location.hash.replace('#','');ハッシュ変更時のイベント window.addEventListener('hashchange', 実行したい関数); カスタムデータ属性をもっているデータの取得 例:btn.dataset.goto;(要素.dataset.カスタムデータ…

高機能アニメーションライブラリ GreenSockについて

最近UdemyでGreenSockを使用した講座を受講しました。 非常に理解し易かったので、できれば業務でも使用してみたいです。ちなみに、商用は有料みたいです。 greensock.com下記サイトで使い方などをまとめてくださっているので、載せておきます。 rfs.jp あと…

指定した範囲で表示、非表示の切り替え

html** <script> window.addEventListener('DOMContentLoaded', function (event) { var scrollStart = $('.area01').offset().top; //ページ上部からの距離を取得 var scrollEnd = $('.topics').offset().top; //ページ上部からの距離を取得 var windowHeight = $(w…

カスタムデータ属性を使用したスムーススクロール

仕事でスクロールを使用し、グローバルのものが影響して正常に機能しなかったのでカスタムデータ属性を使用して対応しました。 html** <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>カスタムデータ属性を使用したスムーススクロール</title> </meta></meta></meta></head></html>

ES6を使ったNode.jsのモジュール間のやりとり

node.jsを使ったアプリ作成の動画学習でモジュール間のデータのやりとりを学んだので備忘録としてのせます。MVCを使用して ModelがSearch.js ViewがsearchView.js Controllerがndex.jsとして作成していく予定。※下記はモジュールでのデータのやりとりのテス…

ターミナルでのNode.jsのバージョン変更方法

parashuto.com