2018年9月– date –

XAMPPは、X＝クロスプラットフォーム、A＝Apache、M＝MySQL、P＝PHP、P＝Perl の略で自分のパソコンにWEBアプリケーションが動く環境を構築するものです。これがあると、開発途中のものをインターネット上に公開せずにテストを実施することが出来ます。似...

PHPとRubyだったらどっちから勉強すべきですか？こんな質問を頂きました。僕はここにJavaも入っていいのではないかと思います。どれかって聞かれたら僕はPHPがいいのではないかと思います。と言っても根拠が欲しいと思いますし、状況によっては他の言語を...

PHPとはサーバーサイドで動くプログラミング言語です。これを学べばDBにデータを登録したり更新したりして、動的にWEBサイトの表示を変えることが出来ます。例えば求人サイトなどは求人会社や企業が求人情報をDBに登録し、求職者がそれを検索し申し込むこ...

ちょっと昔僕がはまった単純なHTMLの罠の話です。ブロック要素は通常連続して書くと横幅の設定値に限らず改行されて縦に並びます。displayプロパティに inline-block を設定すると、ブロック要素のようだけどテキストなどのように横に並ぶようになります。...

今日はCSSでHTML要素にグラデーションを描く方法です。グラデーションをうまく活用するとサイトのデザインがぐっと良くなると思います！画像に透明のグラデーションをかぶせたりするのも最高です！CSSでグラデーションを設定する方法を解説します。【グラ...

今回は非常に地味ですが、CSSで台形を描く方法です(笑)だいぶ前ですが、フッターの上に同じ色で台形のページトップへ戻るボタンをつけてくれと依頼されました。同じ色で台形の画像を作成して配置すれば簡単ですが、ブラウザで表示される色とフォトショップ...

ヘッダー部分にどのページを開いても表示されるメニューがあるサイトは多いと思います。僕のサンプル用のページもあるのですが、スマホで表示すると変に改行されてしまいます。PCで表示時がこちらです。これをスマホで開くとこうなります。これではださい...

WEBページを見ているとき画像が小さくてよく見えないときありますよね？そんなときに、画像をクリックしたらモーダル画面で拡大されて表示されたら便利じゃないですか？モーダル画面（モーダルウィンドウ）は、操作が完了するまで親画面の操作を受け付けな...

通常はHTML要素は左上から順に構築されます。文章を書いても画像を貼り付けても、左上を基準に配置されます。でも時には真ん中に表示させたいときもあると思います。今回は、上下左右の中央、つまりど真ん中に画像やブロック要素を表示するためのCSSの書き...

基本的にHTMLは四角のエリアや画像などを組み合わせて構築するのでどこか刺々しく感じます。角を取り丸くすることによってサイト全体が柔らかい雰囲気になるのではないでしょうか。 例えば、下のような画像があります。これをこんな風に出来ます。今...