要素を回転させるCSSアニメーションサンプル
CSSアニメーションで要素を回転させるサンプルコードです。X軸回転・Y軸回転での回転アニメーションを紹介しています。 CSSアニメーションを使って要素を回転 要素を回転させるCSSアニメーションのサンプルです。 See the Pen CS ...
@keyframesを使ったCSSアニメーションの基本的な使い方
CSSアニメーションで利用する@keyframes（キーフレーム）を使う方法と簡単なサンプルです。 See the Pen Flowing Text CSS Animation by yochans (@yochans) on CodePe ...
【Phaser】スプライトシートからAtlasesデータを生成できる無料ツール「Leshy SpriteSheet Tool」
phaser3でも使える無料のAtlasesデータ生成ツールのメモ phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね 結局、Texture Packerの無 ...
【Phaser】Tweenを使ったフェードアウトとフェードインの実装
Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です Tweenを使ったフェードアウトの実装サンプル See the Pen Phaser 3 Tween FadeOut by yochans (@yochan ...
【Phaser】複数のシーンの作成する方法とコンフィグ設定
Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です 利用するシーンをコンフィグに設定する scene:とする事でコンフィグに利用するシーンを設定できます（ひとつの場合は配列じゃなくてもOK） 複数のシーンを設定 ...
【Phaser】シーンを切り替える方法
Phaser 3でシーンを切り替える（移動・移行）する方法です See the Pen Phaser 3 Chenge Scenes by yochans (@yochans) on CodePen. シーンの切り替えにはシーンを移動するイ ...
jQueryでCSSファイルを読み込んでheadに追加する方法
jQueryを利用して動的にCSSファイルを読み込んでheadに追加する方法です。 他にも色々と方法はありますが、ぱっと見わかりやすいコードをひとつ紹介しておきます。 jQueryでCSSファイルを読み込んでheadに追加する方法 $.ge ...
jQueryで文字列から最初の1文字・最後の1文字を取得する方法
jQueryのslice()関数を使って文字列から最初の1文字や最後の1文字を取得する方法です。 See the Pen jQuery get first letter and last letter by yochans (@yochan ...
【jQuery】文字列の末尾にあるカンマを除去する方法
jQueryのfor文などのループ処理で生成した文字列から末尾のカンマを取り除く方法です jsonデータを生成する時に使う事が多いですね slice()を使って最後の1文字を除去する方法 最後の文字が必ずカンマになるのである場合 処理上、最 ...
jQueryでテキストフォームやテキストエリアの入力を動的に取得・表示する方法
jQueryでテキストエリアやテキストフォームの入力を動的に取得・表示する方法です。 テキストボックスの入力を動的に取得・表示する input type="text"のテキストボックスの入力時にvalue値をリアルタイムに取得して表示する動 ...
【jQuery】要素にクリックイベントを実装する方法
jQueryを使ってdivやpタグなどの通常の要素やテキストにクリックイベントを実装する方法です click()イベント関数を使ってクリックイベントを実装する方法 See the Pen Click event (jQuery) by yo ...
PHPで文字列に日本語が含まれているかどうか判別する方法
PHPで文字列の中に日本語が含まれているかどうか（文字列が英語のみかどうか）判別する方法になります strlen()とmb_strlen()の長さを比較して判別する $str = '文字列'; if(strlen($str != mb_st ...
【WordPress】プラグインなしで、スパムコメント対策を実装する方法
WordPress使いだしてから、もしか僕レベルの技術力でも頑張ればfunctions.phpにちょっと書くくらいで、スパムコメント弾けないものかと思ってたのを本日チャレンジ そのリアルタイム忘備録です コメント認証フィルターフックでスパム ...
【jQuery】スライダーフォームの入力時にvalue値を動的に取得する方法
jQueryでスライダーフォームの入力時にvalue値を動的に取得する方法です on('change')でvalue値を動的に取得して値を表示する方法 See the Pen クリック要素の直近の子要素のid・classを取得する by y ...
【jQuery】要素やその親子要素からid・class名を取得するパターンまとめ
jQueryで要素・親要素からid・class名を取得するパターン集です クリックした要素のidを取得する HTML <div id="id1"></div> jQuery $('div').click(function() { ...
【WordPress】外観カスタマイズの設定をコピー・復元できる「Customizer Export/Import」
「Customizer Export/Import」は外観カスタマイズデータをdatファイルにてエクスポート・インポートできるwordpressプラグインです 外観カスタマイズは色やサイズなど細かな数値の設定が多いので、すぐ戻せる様にバック ...
【WordPress】RSSを取得してブログに表示する「Feedzy RSS Feeds Lite」の使い方
当ブログは大カテゴリの分類でマルチサイト化しており、トップなんかでマルチブログの新着記事表示をどうするかと悩んだ結果、良いRSS取得のプラグインがあればプラグインに頼る事にしました いくつか拝見して、目的に合うプラグインを探していた所、が「 ...
【WordPress】headのtitleタグにカテゴリ名を自動挿入する方法
ブログ記事を書く時、記事タイトル毎にカテゴリ名を先頭や末尾に入れる事スタイルも多くあり、殆どの記事がそうなのであれば、いっそtitleタグにカテゴリ名を挿入してしまった方が、その部分は記事一覧では表示されないのでスッキリして良い場合がありま ...
CSSストライプ柄ジェネレーター
CSSストライプ柄のカスタマイズエディタですサンプルタイプを選んで作成できます Base Hard Soft direction Color 1 size25px opacity1 Color 2 size25px opacity1 Col ...
CSSチェック柄ジェネレーター
CSSチェック柄のカスタマイズエディタです サンプルタイプを元に作成できます background opacity0.5 Line 1 size25px margin25px opacity0.5 Line 2 size25px margi ...
【jQuery】display:noneから表示に戻すとレイアウトが崩れる原因と対処法
JavaScriptやjQueryのcss()でdisplay:noneで非表示にしている要素を表示に戻した時にレイアウトが崩れてしまう原因と対処法です display:noneから表示に戻すとレイアウトが崩れる原因 display:non ...
jQueryで要素のCSSからhexカラーコードを取得する方法
CSSで設定した文字色や背景色の値が#000000などのhexカラーコードだったとしてもjQueryのcss()で取得されるカラーコードはrgb(0,0,0)の様にrgbまたはrgbaに変換されたなります。 取得したカラーコードをhex16 ...
jQueryのanimate()でフェードアウトとフェードインを繋げて動作させる方法
jQueryのanimate()を使ってフェードアウトとフェードインを繋げてスムーズに動作させる方法です。 カクツキや位置ずれにならない用にanimate()を設定します。 animate()を使ってフェードアウト・フェードインを実装する方 ...
【jQuery】疑似要素のCSSプロパティを取得する方法
jQueryのcss()は、疑似要素のCSSプロパティに参照出来きなません必要頻度も少ないと人生3度は躓く部分ですね 疑似要素のCSSプロパティを取得するにはJavaScriptのwindow.getComputedStyle()を利用しま ...
【WordPress】ウィジェットのカテゴリで特定のカテゴリを非表示にする方法
WordPressのウィジェット「カテゴリー」を設置したとき、特定のカテゴリを非表示にする方法です カテゴリIDの確認方法 いずれの方法もカテゴリIDの確認が必要となります カテゴリIDは色々な方法で確認できますが個人的に簡単だと思う方法を ...