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