ホームページ作成費用の相場と早見表。制作会社に依頼するよりコスパの良い手段を紹介 2024.06.21
jquery.square.jsは、スクエアなグリッドレイアウトを実装することができるjQueryプラグインです。レスポンシブに対応し、いろんなデバイスから最適なレイアウトで閲覧できます。シンプルで美しいグリッドレイアウトを実装したい人は要チェックです。 以下、jquery.square.jsの実際のデモページになります。 デモ デモページでは、スクエアなアイテムがグリッドレイアウトで綺麗に並べられています。レスポンシブにも対応していることから、ブラウザ幅を縮小・拡大していくとそれに合わせて最適化されます。 アイテムはほとんどが同じサイズのものが多いですが、いくつか異なるサイズのアイテムも表示されています。異なるサイズでも綺麗なグリッドレイアウトになるように配置されています。 ブログのトップページや企業の新着情報など、応用次第で使いどころはいろいろありそうですね。 各アイテムはこんな感じで
特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置してwidth:100%;とheight:auto;辺りを指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。 背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画像(背景画像)を表示させたいときは以下の方法で実装することができます。 実装には背景画像を表示したい部分に下記のようなCSSを記述することで縦横比を維持しつつ横幅いっぱいに背景画像を表示させることができ、以下のサンプルは表示させたい画像が「横幅:1000px 高さ:300px」の画像だった場合のものになります。 .background { width: 100%; height: 0; paddin
突発的に、ほとんど知識のないphpでリダイレクト処理を記述することになり。 その時のメモ。 結果的に採用した記述内容 301を指定して、Locationにリダイレクト先のURL(絶対パス)を記述する。 <?php header( "HTTP/1.1 301 Moved Permanently" ); header( "Location: http://***.jp/" ); exit; ?> 記述内容について確認した点 header関数より前に一切の記述がないこと(それ以降の記述はそもそも読み込まれない) 301の指定があること exitしていること(※ 2015/05/21追記) (※ 2015/05/21追記) ✕「それ以降の記述はそもそも読み込まれない」 → それ以降の記述も実行はされるので、「読み込まれない」は誤り。 すごく基本的な記述位置(上記 1.)に関することが分からなくて苦
gtag.jsに変わってからクリックイベンをトラッキングする方法も変わってしまったので、メモ的に書いておきます。 ※2019/09/21 Googleのヘルプページの内容が変わっていたので、それに合わせて変更 ■基本形はこれです <a href="https://www.yahoo.co.jp/" onclick="gtag('event', 'action_name', {'event_category': 'category_name', 'event_label': 'label_name', 'value': '0'});">Yahoo!へのリンク</a> action_name、category_name、label_nameを任意のものに変えてください。半角英数字が良いですね。valueは整数しか入りません。注意点としては、今までのようにカテゴリ・アクション・ラベルの順ではなく
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-Y"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXXXXX-Y', { 'linker': { 'domains': ['example-1.com', 'example-2.com'] } }); </script> UA-XXXXXXXX-Yには実際のIDを、example-1.comとexample-2.comには実際のドメイン名を入れてください。一方通行の場合は1つだけでOKで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く