今回、CSSのみで、2列の縦方向の表を作りたいと思ったときに、思いの外時間がかかったので解決方法を紹介します。 表のマスの数が常に固定であれば、Gridを使えば直ぐに解決だったのですが、以下のようにシステムで表のマスが可 …
2024.04.04
Web制作・ホームページ制作
2024.04.04
2024.04.04
Web制作・ホームページ制作
2024.04.04
FFmpegを使ってWEB用の動画圧縮
MACでffmpegをインストール Homebrewを使ってffmpegをインストールします。 たったこれだけでインストール完了です！ ffmpegで動画圧縮 webmに圧縮 対象のファイルと出力ファイル名を指定すればO …
2023.09.06
Web制作・ホームページ制作
2023.09.06
長野県上田市の製造業経営者様向け！〜集客・受注獲得の参考になるサイト事例5選〜
製造業のようなBtoBビジネスの場合においても、新しく取引先を検討する際には、まずウェブで情報収集する流れが一般的となりました。 また、製造業を含むBtoBビジネスの場合、即購入・成約につながる場合は少なく、会議や資料共 …
2023.06.16
Web制作・ホームページ制作
2023.06.16
【UIkit】CSSのみで簡単！アコーディオンの開閉ボタンをカスタマイズする方法
UIkitでアコーディオンリストを実装した際、デフォルトの「＋」「ー」ボタンスタイルを変えられず苦戦したので、開閉ボタンのスタイルをカスタマイズする方法をご紹介します。 1 デフォルトのアコーディオン まずはコンポーネン …
2023.04.11
Web制作・ホームページ制作
2023.04.11
【UIkit】高さ可変のスライドショーを実装する方法
スライドショーをUIkitで実装した際、固定の高さではなく、画像の高さに応じて変わるようにする方法を発見したので、ご紹介いたします。 高さ固定のスライドショー（デフォルト） デフォルトは、どんなサイズの画像が入っても、同 …
2023.03.30
Web制作・ホームページ制作
2023.03.30
【UIkit】アンカーリンクのジャンプ位置を調整する方法
ページ内リンクへスクロールするアニメーションをUIkitで実装した際、タイトルが見切れる、ジャンプ位置がアンカーごとにバラバラになる、などの問題が発生したので、今回はその対処法をご紹介します。 アンカーリンクのジャンプ位 …
2023.03.29
Web制作・ホームページ制作
2023.03.29
【CSS】画像を好きな箇所・好きな比率でトリミングする方法
コーディングの際、PCサイトとスマホサイトで、画像のサイズだけでなく、拡大・縮小率やトリミング位置も微妙に異なっていて困ったことはないですか？ PCとスマホで別々に画像を書き出すのは手間がかかる上に、HTML上も2種類表 …
2023.03.29
Web制作・ホームページ制作
2023.03.29
iOS Safariでinputにbox-shadowが効かない問題
inputフォーカス時のアウトラインをbox-shadowで実装した際、iOS Safariでbox-shadowが表示されない問題が発生したので、その原因と対処法をご紹介します。 原因 初めはこのように記述していました …
2023.01.04
Web制作・ホームページ制作
2023.01.04
依頼が増える！社会保険労務士事務所のホームページデザイン4選
企業が社労士事務所を検討する際、専門分野や費用感を知るためにホームページを閲覧するケースは少なくありません。 もしホームページが無ければ、事務所に興味をもってホームページを閲覧してくれた企業に、事務所の概要や特色を伝える …
