Barba.jsを使うときに設定しておくと便利なスニペット | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、アートディレクターの奥田です。 以前、Pjaxを簡単に導入できるBarba.jsをご紹介いたしました。 前の記事：Pjax（非同期画面遷移）でシームレスな画面遷移ができるBarba.js シームレスでかっこいいWEBサイトの制作にはBarba.jsが非常に便利なのですが、リンククリック時の動作やメタタグの取得などちょっとしたことで躓くことがあります。 今回は僕がこの1年ほどで使用してきたスニペットをご紹介したいと思います。 サイト制作のお役に立てていただければ幸いです。 Table of contentsGoogle Analyticsを有効にするheadタグ内の必要なメタタグを取得する該当する拡張子がついたリンクにtarget=”_blank”をつける外部リンクにtarget=”_blank”をつけるアンカーリンクであり同一ページでなければPjaxを有効にする該当クラスに属し
求人検索をさらにリッチ化！「Google for Jobs」についてまとめてみた | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、Designerの松並です。 2018年9月27日でGoogleが20年目の誕生日を迎えたそうです。 創立20周年おめでとうございます。これからもよろしくお願いいたします。 ブラウザはChrome、GoogleドキュメントにGoogleスプレッドシート、動画サイトといえばYouTube、その他にもあらゆる場面でGoogleが登場するようになりました。 さらに先月の9月19日にはGoogle Pixel 3を日本で発売する予定であることが発表されましたね。 皆さんはそんなGoogleが昨年公開した、新しい求人検索機能「Google for Jobs」というサービスをご存知でしょうか？ リスティング広告とオーガニック検索の間に新たに生まれた求人検索に特化したGoogleの新しいサービスです。 本記事では、Google for Jobsの基本情報やマークアップの方法等をご紹介させてい
Pjax（非同期画面遷移）でシームレスな画面遷移ができるBarba.js | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、Designer / EngineerからArt Directorに変わりました奥田です。 肩書きはあまり気にしていないのですが、Art Directorというと指示するだけでデザインしていないみたいなのと、後でTechnical Directorも付け加えるべきだなと思ったのは内緒です。 さて、最近ではページの読み込みにローディングをはさんでいるサイトがよくみられます。 そんな時、非同期でページ遷移すれば必要な箇所だけを読み込み、少ないロード時間でページをシームレスに変更することが出来ます。 そこで今回はPjax（非同期画面遷移）を導入できるBarba.jsをご紹介したいと思います。 Barba.js サイトの中になぜPjaxを使うのか、そのメリットが掲載されていたのでご紹介します。 ページ間の素敵なトランジションを作成して、ユーザーのエクスペリエンスを向上させる可能性があり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
