スポンサーリンク
JS・jQuery

動画+コンテンツのランダム表示を実装してみた【JS】

JSで動画+コンテンツをランダム表示する方法を紹介。動画に限らずHTMLの記述をなんでもランダムに表示することが可能です。JSでランダム表示をコピペで実装することができます。
CSS

端からコンテンツ幅の途中までの背景色を実装する方法

お洒落なサイトでよくある端からコンテンツ幅の途中までの背景色を実装する方法。コンテンツ比を保ってコーディングする方法を図付きで紹介しています。
CSS

テキストをCSSで両端揃えにする方法

CSSだけでテキストを両端揃えにする方法を紹介。簡単にテキストを両端揃えにすることができます。綺麗に両端で揃えたい見出しの装飾などに使えます。
WordPress

WordPressのバージョン情報を非表示にする方法【セキュリティ対策】

WordPressのバージョン情報を非表示にする方法。バージョン情報を隠してセキュリティ強化を行おう。WordPressのバージョン、プラグインのバージョンを非表示にする方法を紹介しています。
制作ツール

レスポンシブの横幅を簡単に%で計算してくれるサイト

レスポンシブのコーディングではpxを%に変換することが多いですよね。%の計算を簡単に行えるサイトを紹介。横幅を自動生産できるだけでもレスポンシブコーディングを楽に行えるので是非活用してみてください。
CSS

CSSで画像トリミング!IE11での実装方法【object-fit】

CSSだけで画像トリミングができる「object-fit」の紹介。IE11の対応方法も紹介しています。object-fitで画像をCSSだけで楽にトリミングしちゃおう!
EC-CUBE

EC-CUBEのログアウトボタンを実装する【2.13.5】

EC-CUBE2.13.5でログアウトボタンを追加する方法。マイページやheadeer、footerなど好きな場所にログアウトボタンを設置できるようになります。EC-CUBE2.13.5でログアウトボタンをコピペで実装しよう。
CSS

レスポンシブコーディングで使える!横幅自動計算mixinスニペット

レスポンシブコーディングで使用するpxを%に変換を自動化しました。Sassのmixinスニペットでレスポンシブの横幅を楽に%で指定できます。mixinスニペットでレスポンシブコーディングの横幅指定を自動化しよう。
EC-CUBE

EC-CUBEでWordPressを使うと商品登録やパラメータが登録できなくなる問題の対策

EC-CUBEでWordPressを使うと商品登録やパラメータが登録できなくなる問題の対策紹介。はまったEC-CUBEでWPよ読み込んだ時、商品登録・パラメータ変更ができなくなった人が確認してみてください。
2019.12.08
WordPress

最下層のカテゴリ名・リンクのみを取得する【WP】

WordPressの最下層のカテゴリ名・リンクを取得する方法。親や子カテゴリを無視して最下層のみのカテゴリを取得することができます。最下層のカテゴリのみ取得する際のコードをコピペだけで実装できます。
CSS

フォントサイズを横幅で自動変更させる方法【Sass】

ウィンドウ幅でフォントサイズを自動変更する方法を紹介。レスポンシブでテキストの改行位置を変えたくない・デザイン通りに合わせたいとき活用できます。フォントサイズを横幅で自動変更させる方法をSassで実装しました。
2019.11.17
WordPress

TOPページのみh1タグで他ページはpにする方法【WP】

WordPressのTOPだけサイトタイトルをh1にし、それ以外はpに変更する方法。SEO上全ページh1をサイトタイトルにするのは良くない。WPでh1タグを自動で判定して切り替える方法を紹介しています。
2019.11.17
CSS

ページ毎にファイルを分割して管理する方法【SCSS】

SCSSでページ毎にファイルを分割して管理しやすい環境を実現する。SCSSではファイルを分割したものを1つのファイルにまとめることができる。SCSSでのファイル分割の方法、1つのファイルへのまとめ方を紹介しています。
CSS

ホバー時にピカッと光らせるホバーアニメーション【CSSのみ】

コンテンツのホバー時にピカッと光るホバーアニメーションをCSSのみで実装するコード。CSSアニメーションでかっこいいホバーアニメーションを実装しよう。色々なホバーアニメーションを紹介していきます。
CSS

かっこよくシュッと画像を表示させる【CSSアニメーション】

CSSアニメーションで画像やコンテンツをかっこよく表示させる方法。コピペで簡単にwebサイトにかっこいい動きを実装できます。CSSアニメーションで画像をかっこよく表示させよう。
Vue.js

属性を書き換えてみよう【Vue.js入門】

Vue.js初心者のためのVue.js学習記事。Vue.jsで使用して属性を書き換える方法を紹介しています。Vue.jsを使用してよりレベルアップする方法勉強を一緒に進めていきましょう。
Vue.js

テキストを表示させてみよう【Vue.js入門】

Vue.js初心者のためのVue.js学習記事。今回は「Vue.jsを使ってテキストを表示させる方法」を紹介。Vue.jsを使用してよりレベルアップする方法勉強を一緒に進めていきましょう。
WordPress

カスタム投稿の記事の子ターム名を表示する方法【WP】

カスタム投稿の記事に属する子ターム名だけを表示させる方法。WordPressで記事の子ターム名だけを表示させる方法をまとめました。子ターム名だけ表示したい場合に使用してみてください。
CSS

Sassで日本語入力でエラーが出た時の対処方法

Sassで日本語が入っているとエラーが出る問題の解決方法。font-familyの指定などで困るSassのコンパイルエラーを回避する方法を紹介。日本語入力時のSassエラーを解決しよう。
JS・jQuery

コピペで簡単にできるクリックしたら展開するアコーディオンメニュー【jQuery】

クリックしたら展開するアコーディオンメニューをコピペで簡単に実装できるjQueryを紹介。よくある質問などでよくあるクリックすると表示されるアコーディオンメニューを簡単に実装できます。
WordPress

html・CSS・PHPなどソースコードをワードプレスの記事で表示させる方法

WordPressで技術ブログをされている方必見。html・CSS・PHPなどソースコードを簡単いWordPressで出力できるプラグインを紹介。WordPressでエンジニアブログ・技術ブログを作ろう!
WordPress

レビューサイトに最適!評価の星を付けれるプラグイン「Shortcode Star Rating」

レビューサイトによくある星を簡単につけられるWordPressプラグイン「Shortcode Star Rating」。レビューサイトを運営したい人や評価を簡単に実装したい人は「Shortcode Star Rating」をぜひ試してみよう。
タイトルとURLをコピーしました