Javascript【jQuery】子要素の順番を指定して取得する 複数ある子要素を色々な方法で取得してみます。 主に eq()⇒数字を指定して何番目かを取得 index()⇒何番目かを取得 を使っていきます。 HTMLソース <div id="outer"> <sp...続きを読むJavascriptWEBサイトプログラミング・コーディング
CSSレスポンシブ作業で少しだけ画面幅からはみ出す原因 レスポンシブ作業を行っているとスマホ表示で1pxとか2pxだけはみ出ることがあります。 widthは100%にしているので収まるはずが収まらない!っということが良くあります。 そんな時に確認していただ...続きを読むCSS
CSS【CSS】CSSだけで要素にアニメーションをつける(画面に入った時に動くJSのおまけ) いつもアニメーションのやり方を調べてしまうのでメモです。 hoverでアニメーション liタグをhoverすると動くCSSです。 /*▼ここは解説です。 ■ベンダープレフィックス -moz-trans...続きを読むCSSJavascript
CSS【CSS】超簡単にリンク画像にアニメ―ションをつける方法 最近ではリンクのhover(マウスオーバー)で動きをつけるのが当たり前になってきました。 そこで既存のサイトで簡単に動きをつける方法をご紹介します。 今回はサイト全体で一気に設定を変えてしまう方法です...続きを読むCSSWEBサイトプログラミング・コーディング
CSSCSSとJSでページを開いたときにアニメーションのロゴを数秒出す ページを開いたときに数秒のオープニングを入れるスクリプトを紹介します。 今回はロゴを簡単にアニメーションさせるものおですが、応用すれば色々な演出が可能です。 ファイル構成は index.html⇒オー...続きを読むCSSJavascriptWEBサイトプログラミング・コーディングワードプレス
Javascriptyoutube AIP 画面幅に対して違う動画を表示するようにする レスポンシブ youtubeでサイトにjavascriptAPIを使用して動画を埋め込むことがあります。 (基本的な使い方はこちら youtube>iframe 組み込みの YouTube Player API リ...続きを読むJavascript
PHP【PHP】万円表示の位に億や兆をつける フォーム入力などで資本金が何千万などの入力があった場合に、「100000万円」⇒「10億円」に変換する単純な方法です。 桁ごとに処理をします。 <?php $numtext=1000000;//対象の...続きを読むPHPWEBサイト
WEBサイト【wordpress】登録制の記事投稿ができるサイトを作る方法 ユーザーが登録をして自由に記事を投稿できるサイトの作り方です。 しかもセキュリティー面を考えて、会員の投稿はワードプレスの投稿画面からではなく投稿専用のページをサイト側に作成します。 機能としては 会...続きを読むWEBサイトプログラミング・コーディングワードプレス