PHP

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

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

PHP

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

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

PHP

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

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

HTML&CSS

簡単!クリッカブルマップの作り方

こんにちは、ゆんつです。 クリッカブルマップという言葉をご存じでしょうか? 例えば1枚の日本地図があったとします。 この日本地図を県ごとに区切ってリンクを貼ります。 ある県をクリックすると、その県庁の…

ツール

「Brackets」の設定を共有する

Adobeから出ている使いやすい無料のコードエディタ「Brackets」 Brackets公式サイト 僕はデスクトップPCとノートPCを持っているのですが、両方に「Brackets」をインストールし、…

JavaScript

「Parallax.js」の導入方法と基本的な使い方

「パララックス」という言葉を聞いたことがありますか? ブラウザのスクロールと要素のスクロール速度に差をつけるなどして、見ている人の関心を引き付けるテクニックを「パララックス」というみたいです。 具体例…

JavaScript

jQueryで作るアコーディオンメニュー

商用サイトのQ&Aなどによく使われるアコーディオンメニュー。 質問部分をクリックすると回答部分が表示されるので、ユーザーが必要とする情報だけ表示できるので画面もスッキリします。 アコーディオン…

HTML&CSS

CSSだけで作るアコーディオンメニュー

商用のWEBサイトをみていると、よく「Q&A」を見かけます。 「Q&A」の内容は、そのサイトで紹介している商品やサービスなどに対する質問と、それに対する回答というのが多いと思います。 …

HTML&CSS

CSSだけで作るハンバーガメニュー

スマホでWEBサイトを見ると画面の右上や左上でよく見かける3本線。 この三本戦をタップすると、たいていの場合画面外の左や右からメニューがスライドして現れます。 これを「ハンバーガーメニュー」とか「ドロ…

HTML&CSS

タブメニューを作る

WEBサイトでよく見かけるものにタブメニューがあります。 タブメニューはタブの部分をクリックすることにより、コンテンツ部分が切り替わります。 必要な情報だけを画面に表示することができるのでスペースの節…