最近の記事

WPサンプル

1.WPキャッシュクリアプラグインを入れる https://blog-bootcamp.jp/start/wordpress-wpfastestcache/ 2.page-news.php作成できるかを検証 3.できたら作成 できなかったら、かく投稿ページ 4.スタッフページの分類についてXDを確認 5.front-page.php作成 6.スタジオのカスタムフィールド配置図・地図画像挿入

    • ワードプレス タグ一覧作成

      タグ別の条件分岐https://did2memo.net/2012/10/26/wordpress-how-to-use-has-tag-function/

      • ワードプレス固定ページのテンプレート作成

        https://www.rbbtoday.com/webcode/wordpress/wpfixedpage/

        • Dreamweverで隠しファイル表示

        WPサンプル

          svgをアニメーション

          svgをアニメーション

          バラバラの大きさの要素を、隙間なく配置できるMasonry.js

          https://moshashugyo.com/media/masonry

          バラバラの大きさの要素を、隙間なく配置できるMasonry.js

          アニメーションのプロパティ

          まとめてアニメーションプロパティを指定できます。 animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state @keyframes animation-sample{ 0%{ width: 0; } 100%

          アニメーションのプロパティ

          ptとpx 違い

          1pt = 1インチを72分割したサイズのこと【72ppi(ピクセルパーインチ)】 1px = 1画素(サイズは解像度ppiによって変わります) 一般的に印刷物の解像度は350dpi(ドットパーインチ)、モニターなどのスクリーンの解像度は72ppiとなっています。 windows のOSは解像度96ppiなので、1pt = 1インチを96分割したサイズになります。 よって、1pt = 1px(Mac/Linux)= 1.333px(Windows)となります。 <!

          ptとpx 違い

          正規表現 特定文字以降

          (?<=検索対象文字列).*$ // 括弧【】の中身だけをマッチする正規表現(?<=【).*?(?=】)

          正規表現 特定文字以降

          anime.jsのテキストアニメーション

          複数の時 <!doctype html><html><head><meta charset="UTF-8"><title>無題ドキュメント</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script></head><body><div class="composition-wrapper" data-color="9ba5b5"><h1 cl

          anime.jsのテキストアニメーション

          文字詰めできるCSSのfont-feature-settings

          文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング - ICS MEDIA https://ics.media/entry/14087/

          文字詰めできるCSSのfont-feature-settings

          文字詰めCSSのfont-feature-settings

          CSSのfont-feature-settingsプロパティを指定するだけで自動カーニングができます。ほとんどのブラウザがサポートしており、実務でも十分使えるようになってきました。 CSSのfont-feature-settingはOTFのオプション機能を有効にできる機能 CSSのfont-feature-settingsはOpenTypeのオプション機能を指定するプロパティです。プロポーショナルメトリクスを有効にするには、横組みの文字詰めにはpalt(全角の幅で設定するよ

          文字詰めCSSのfont-feature-settings

          カスタムフィールド

          https://fit-jp.com/customfield/

          カスタムフィールド

          SCSS 連想配列的

          //配列作る$colors:( green:(1:#11945F,2:#33A76E,3:#51B484), blue:(1:#3491C1,2:#54A0CA,3:#6EAED2),);//★使う@each $key,$color in $colors{ //$keyにgreen,blueが入る .#{$key}{ //map-getを使用して$color,の1番目を指定する .contentsTitle { color: map-get($color

          SCSS 連想配列的

          LocalがWin10で接続できない

          原因はセキュリティソフトがブロックしていました。 https://support.kaspersky.co.jp/common/error/other/15504#block1

          LocalがWin10で接続できない

          Form 画像アップロード サムネイル表示

          http://php.o0o0.jp/article/jquery-preview_thumbnail

          Form 画像アップロード サムネイル表示