近年ではモニターサイズが広くなってきた影響もあり、サイドバーを固定表示させてるサイトが多くみられるようになった気がします。
そこでここでは画面が狭くなるとハンバーガメニューになるレスポンシブに対応した固定サイドバーの作成方法をご紹介します。
Laravelでサイドバーなどすべてのページで共通するデータを表示したいときはViewComposerを使用すると便利です。
jQueryを使用してテキストフィールドにURLを入力したら、そのページのタイトルとディスクリプションを取得するということをやってみます。
WebスクレイピングにPHPのphpQueryというライブラリを使います。
例えばグローバルナビに親カテゴリーがあり、それぞれのカテゴリーページにアクセスするとサイドバーに所属しているカテゴリーの子カテゴリーの一覧を表示したいという想定です。
最近はWebGLを使用した3Dを取り入れているサイトがちらほら見られるようになりましたね。
いきなり高度なのは難しいので、Three.jsを使用してワイヤーフレームの球体を回転させるという単純なことをやってみます。