CSSのメディアクエリprefers-reduced-motionメディア特性の利用
Webサイトの構築の際にCSS3でアニメーションを実装することはよくありますが、ユーザーによっては動かされても見にくかったり操作しづらいと感じることもあります。スマートフォンではiPhoneの視差効果を減らす設定をオンしているユーザーもいま...
続きを読む>>
Webサイトの構築の際にCSS3でアニメーションを実装することはよくありますが、ユーザーによっては動かされても見にくかったり操作しづらいと感じることもあります。スマートフォンではiPhoneの視差効果を減らす設定をオンしているユーザーもいま...
続きを読む>>
皆さんがよくお使いになるwebブラウザは検索内容や閲覧履歴といったデータを保存しており、それによってユーザーに適したwebページを提供できるようにしています。そのため自分自身がよく検索する内容や観覧したページは自然とSEO的に検索上位になっ...
続きを読む>>
WebサイトやブログでのWebページのシェアはSNS等のボタンを設置することが多いですが、それだけでなく現在観覧しているページのURLを簡単にコピーできるボタンがあるととても便利です。 SNSだけでなくWebメールやFacebookのメッセ...
続きを読む>>
昔はセキュリティの問題から意図的に利用しているブラウザのJavaScriptを無効にする方がいましたが、現在ではほとんどのWebページでJavaScriptが利用されていて、有効になっていないとまともに観覧することができない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スクリプトのユーザー...
続きを読む>>