hubspotのフォーム(フィールドタイプ：日付選択カレンダー)を、指定の日付や曜日を選択できないように変更できるpicker.jsに入れ替える方法
Hubspotの日付選択カレンダーを使用しながら、例えばお正月休暇などを設定して、ユーザーが選択できないように変更できるpicker.jsに入れ替える方法を考察しました。 まずはHubspotのフォームでフィールドタイプ … 続きを読む
CSS
【SNS】写真 or 動画 + 特定ハッシュタグ で投稿してもらう方法
↓最終解決案のみ知りたかったら、ここからジャンプ 前段 ツイッターやインスタグラムから、写真や動画を投稿してもらうイベントを行う際に、特定のハッシュタグを指定して集計をとります。 新規イベントのランディングページから投稿 … 続きを読む
【CSS】フォーム「checkbox」「radio」疑似要素を使用したデザイン変更
【参考】cssだけでcheckboxやradioのデザインを変更 – WEBdev この記事がとても参考になり、発見もあったので、「cssだけでcheckboxやradioのデザインを変更」を書き砕いてみます。 inpu … 続きを読む
【youtubeを使用】WEBページに動画を背景の様に表示する
【youtubeを使用】youtubの動画を使用する場合 jQuery【baserjs】を使用して、 youtub動画の縦横比を固定のままでブラウザの横幅にぴったり合うよう可変表示し、無音でループさせました。 また、jQ … 続きを読む
【mp4/webmを使用】WEBページに動画を背景の様に表示する
【mp4/webmを使用】自サーバに動画を置く場合 用意するもの MP4形式の動画 webm形式の動画 動画が再生されない時に表示する画像（動画の見せたいキャプチャなどが良い） スマホ用に画像など HTML5（video … 続きを読む
【CSS】 ol 数字を「疑似要素」の「contentプロパティ」で使用する
olの行頭数字を好きなデザインに装飾します。 数字のfont-familyを変更したり、丸囲みに装飾したり、数字の表示位置も変更出来ます。 HTML <ol class=”table process”> &l … 続きを読む
【jQuery & CSS】2016年申年のおみくじ
今年もおみくじを作成しました。 cssアニメーションによるホバーの動き・クリック時の回転、CSVでの文章の読み込み処理など、技術学習のために作成したページです。 閲覧タイミングによっては、出力結果のCSVがまだダミーテキ … 続きを読む
【Movable Type】PageSpeed Insights対策
Movable Typeでの、PageSpeed Insights対策について。まとめ。 速度の対応 HTMLの対応 MT管理のHTML を縮小する CSSの対応 MT管理のCSS を縮小する MT管理外のCSS を縮小 … 続きを読む
【jQuery & CSS】兄弟要素
良く検索するので、兄弟要素の記述をメモ。 jQuery //thisの兄弟 $(this).siblings() //thisの兄弟 $(this).parent().children() //thisの兄弟からdivだ … 続きを読む
【Movable Type】サムネイル画像を思いのままサイズ統一！
CMS運用を多数の人で行う時に、WEB担当者が必ずしも画像のリサイズに長けていなかったり（リサイズ出来るフリーのサービスサイトもあるけども）、運用ルールを振り返らずに自由にやりたがったり（自由な方がいる場合もあるんですよ … 続きを読む