HTML&CSS

object-fitで画像を指定したサイズにピッタリ合わせる

こんにちは、ゆんつです。 大きさや縦横比が全くバラバラの画像がここにあります。 1:1(横120px縦120px) 3:2 (横180px縦120px) 4:3 (横240px×縦180px) この画…

JavaScript

「jquery.mb.YTPlayer」でYouTubeを背景にする

こんにちは、ゆんつです。 YouTubeの動画を背景として利用したい場合。 ・CSSで調整する方法 ・jQueryのプラグインを使う方法 などがあります。 前回はCSSを使ってYouTubeを背景に設…

HTML&CSS

CSSでYouTubeを背景にする

こんにちは、ゆんつです。 WEBサイトを作成しているときに「背景にYouTubeの動画を使いたい」というときがあります。 自分のサーバーに動画をアップロードして背景に使用するよりも、YouTubeに動…

HTML&CSS

マウスカーソルが乗ったらカバーをかける

こんにちは、ゆんつです。 WEBサイトを見ているとメニューなどの項目にマウスカーソルを乗せると、メニューの上や下からカバーのような感じで新たな要素が覆いかぶさってくるデザインをたまに見かけます。 マウ…

JavaScript

jQueryでフェードイン

こんにちは、ゆんつです。 最近、いろんなWEBサイトを見ていると画面をスクロールさせていくとコンテンツがフワッとフェードインしてくるようなデザインをよく見かけます。 スクロールに応じてコンテンツが画面…

PHP

JSONの基本とPHPでの初歩的な利用方法について

こんにちは、ゆんつです。 「JSON」というデータフォーマットをご存じでしょうか? JSONはJavaScriptオブジェクトの構文に従ったテキストベースのフォーマットで、JSONを使うことで異なる言…

PHP

SDKを使ってAmazonの商品情報を取得する

こんにちは、ゆんつです。 Amazonにある商品の情報を取得したいと思った場合。 ブラウザやアプリでならAmazonのサイトにアクセスすることで簡単に情報を取得することができます。 では、PHPを使っ…

PHP

PHPでカレンダーを作成してみる③
祝日の判定

こんにちは、ゆんつです。 「PHPでカレンダーを作成してみる」の第3回目です。 第1回目では当月分のカレンダーを作成しました。 PHPでカレンダーを作ってみる① 当月分のカレンダー 第2回目ではカレン…

PHP

PHPでカレンダーを作ってみる②
前月や翌月のカレンダー

こんにちは、ゆんつです。 前回、PHPを使って今月分のカレンダーを作成しました。 「PHPでカレンダーを作ってみる①」 作成したカレンダーには前月と翌日へのリンクがありましたが、見た目だけで機能は実装…

PHP

PHPでカレンダーを作ってみる①
当月分のカレンダー

PHPにはDateTimeクラスという日付や時刻の演算・整形を行うためのクラスがあります。 このDateTimeクラスを使うことで、現在の日時から起算して〇時間後とか〇日後などの日付を簡単に取得するこ…