WEBサイト

スポンサーリンク
Javascript

【jQuery】子要素の順番を指定して取得する

複数ある子要素を色々な方法で取得してみます。 主に eq()⇒数字を指定して何番目かを取得 index()⇒何番目かを取得 を使っていきます。 HTMLソース jsソース ...続きを読む
CSS

レスポンシブ作業で少しだけ画面幅からはみ出す原因

レスポンシブ作業を行っているとスマホ表示で1pxとか2pxだけはみ出ることがあります。 widthは100%にしているので収まるはずが収まらない!っということが良くあります。 そんな時に確...続きを読む
CSS

【CSS】CSSだけで要素にアニメーションをつける(画面に入った時に動くJSのおまけ)

いつもアニメーションのやり方を調べてしまうのでメモです。 hoverでアニメーション liタグをhoverすると動くCSSです。 ついでに画面に表示したときに発動するjs 要素の縦位置を取...続きを読む
スポンサーリンク
CSS

【CSS】超簡単にリンク画像にアニメ―ションをつける方法

最近ではリンクのhover(マウスオーバー)で動きをつけるのが当たり前になってきました。 そこで既存のサイトで簡単に動きをつける方法をご紹介します。 今回はサイト全体で一気に設定を変えてし...続きを読む
CSS

CSSとJSでページを開いたときにアニメーションのロゴを数秒出す

ページを開いたときに数秒のオープニングを入れるスクリプトを紹介します。 今回はロゴを簡単にアニメーションさせるものおですが、応用すれば色々な演出が可能です。 ファイル構成は inde...続きを読む
Javascript

youtube AIP 画面幅に対して違う動画を表示するようにする レスポンシブ

youtubeでサイトにjavascriptAPIを使用して動画を埋め込むことがあります。 (基本的な使い方はこちら youtube>iframe 組み込みの YouTube Player AP...続きを読む
Javascript

【JS】slick.js|サムネイル付きで縦に配置する

スライダー機能を簡単に導入できるslick.jsを使う場合、通常は下に挿入されているものがほとんどです。 ですが、サムネイル付きのスライダーは2つのスライダーを使用しているので自由に修正ができます。...続きを読む
PHP

【PHP】万円表示の位に億や兆をつける

フォーム入力などで資本金が何千万などの入力があった場合に、「100000万円」⇒「10億円」に変換する単純な方法です。 桁ごとに処理をします。
CSS

【CSS】簡単にaタグをボタンにする方法

aタグのボタン ↓ aタグのボタン サイトでボタンを作る時には様々な方法があります。 専ら画像を使うことが多いですが、cssだけで簡単におしゃれなボタンを作ってみましょう。 HTMLは簡...続きを読む
WEBサイト

【ワードプレス】すでにあるスラッグの下に独立したページを作成する方法

すでに存在するスラッグ(パーマリンクまたはURL)の下に独立したページを作成する場合、単純にフォルダを作成しただけだとすでに存在するスラッグのページが見れなくなってしまいます。 例えば ...続きを読む
WEBサイト

【wordpress】登録制の記事投稿ができるサイトを作る方法

ユーザーが登録をして自由に記事を投稿できるサイトの作り方です。 しかもセキュリティー面を考えて、会員の投稿はワードプレスの投稿画面からではなく投稿専用のページをサイト側に作成します。 機能...続きを読む
スポンサーリンク
タイトルとURLをコピーしました