CSSのposition:sticky;を使って各見出しやコンテンツヘッダーを固定する
Webページの構成の中で各セクションごとで見出しを載せてコンテンツを作っていきますが、コンテンツをよりわかりやすく見せるデザインとしてコンテンツごとに見出しをヘッダーに固定するといったデザインを採用しても面白いかもしれません。 グローバルナ...
続きを読む>>
Webページの構成の中で各セクションごとで見出しを載せてコンテンツを作っていきますが、コンテンツをよりわかりやすく見せるデザインとしてコンテンツごとに見出しをヘッダーに固定するといったデザインを採用しても面白いかもしれません。 グローバルナ...
続きを読む>>
HTMLにPHPスクリプトを埋め込むにはPHPの開始タグと終了タグ内にPHPスクリプトを書いていきますが、その中でPHPのヒアドキュメントを利用したコードを書いていくこともあります。 ヒアドキュメントとは、何行にも渡る長い文章やソースコード...
続きを読む>>
Web制作をする中でGoogle ChromeやFireFox、Safari、Internet Explorer、EdgeといったPCの多くのWebブラウザでスマホデザインを確認することはできますが、100%正確とは言えません。サイトの公開...
続きを読む>>
Visual Studio CodeはMac版とWindows版とあり、Macのエディタ内でコマンド操作を行う場合はターミナルがそのまま立ち上がり利用することができます。 Windowsでコマンド操作を行うときはコマンドプロンプトまたはPo...
続きを読む>>
プログラミングの面白いところは、基礎を学んで何かを開発できるようになると想像したことが創造できるようになるということ。こんなものがあったらいいな、こんなサービスがあったら世の中よくなるのになと思ったことを自分で作ることができるのです。 これ...
続きを読む>>
関数とはある処理のプログラムがまとめられているもので、多くのプログラミング言語で言語ごとに用意されている組み込み関数があり、PHPスクリプトも多くの関数が用意されています。 何か複雑なコードを書いて処理をするプログラムがあって関数として定義...
続きを読む>>
Webアプリケーションの開発ではPHPやJava、Pythonなどのプログラミング言語を利用していくことがありますが、その中でMacのターミナルやWindowsのコマンドプロンプトでのコマンド操作を行うことがよくあります。データベースを操作...
続きを読む>>
Webサイトでユーザーが利用しているWebブラウザによって処理を変えたいことがあります。そうした場合にはJavaScriptで条件分岐をさせて処理を変える方法をとります。ここではUser Agent Client Hintsによる情報の取得...
続きを読む>>
ローカル開発環境でWebサイトやWeアプリケーションをテスト開発している時にタブレット端末やスマートフォンでも表示・動作の確認をしていかなくてはいけません。 Google chrome、FireFox、IE、Edge、SafariなどPCの...
続きを読む>>
Webサイトのお問い合わせやWebアプリケーションの入力フォームなどでHTMLのinput要素を使ってフォーム入力欄を作成していきますが、ただHTMLでマークアップしてデザインを整えただけではちょっとした使いづらさでユーザーにストレスを与え...
続きを読む>>