WEBサイト

スポンサーリンク
Javascript

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

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

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

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

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

いつもアニメーションのやり方を調べてしまうのでメモです。 hoverでアニメーション liタグをhoverすると動くCSSです。 /*▼ここは解説です。 ■ベンダープレフィックス -moz-...続きを読む
CSS

【CSS】sassの便利機能

変数 css自体でもカスタムプロパティを使用して変数に近い設定ができますが、scssはもっと直感的に変数を扱うことができます。 また、変数ファイルを作成してスタイルと分けて管理することもできま...続きを読む
WEBサイト

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

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

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

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

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

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

【基本知識】サーバーとブラウザとドメインとは

webサイト制作でよく出てくるのがサーバーとブラウザとドメインです。 サイトを作成するときには、必ずと言っていいほど必要になりますが、なかなか理解されにくいものでもあります。 ですが、We...続きを読む
スポンサーリンク
タイトルとURLをコピーしました