ユーザーの操作を制限するCSSプロパティ「user-select」と「pointer-events」

こんにちは、ナカムラです。 今回はCSSプロパティの中で、ユーザーの操作を制限するプロパティをご紹介します。 基本的にユーザーの操作をできなくする、というのは避けたいものですが、操作できることによって目的の動作の邪魔になってしまうケースもありま…

【サービスを作ろう】はじめてのサーバ 〜VPCについて2〜

こんにちは!ドイです。 激しい気温差の中にも夏の気配を感じ、ワクワクするこの頃です。 BBQにプールに花火と、夏は無条件に楽しい季節なので待ち遠しいです(´꒳`) さて、前回の記事ではVPCについて学びました。 こちらが前回の記事です。 tech.arms-soft.c…

軽量フレームワーク Slimを試す - インストール編

こんにちは、コバヤシです。 今回は軽量フレームワークのSlimを試していきたいと思います。 弊社で使用しているメインのフレームワークはLaravelですが、最新のLaravel9ではPHP8以上のバージョンを求められます。 しかし案件によっては、諸事情によりPHP8以…

背景の要素を自在に設定!backgroundプロパティで一括指定してみよう -後編-

こんにちは、ユアサです。 今回は前回紹介したbackgroundプロパティ(以下backgorundと表記します)で実際にコーディングしてみると同時に、スタイルが反映されなくなる例を書きまとめていきます。 ↓前回の記事はこちら tech.arms-soft.co.jp 背景に画像を設…

新しいフォントのカタチ「バリアブルフォント」とは

こんにちは、ハヤマです。 今回は、少しずつ普及し始めている「バリアブルフォント」について学んでいきたいと思います。 バリアブルフォントとは? Adobe・Apple・Google・Microsoftが共同で開発した新しいフォントの概念のことで、通常、フォントファイル…

YouTubeの動画を背景に敷く(iOS対応、自動再生・ループ)

こんにちはナカムラです。 今回はYoutubeの動画を使って、背景に動画を敷いてみたいと思います。 実装する機能としては以下の2点になります。 自動再生 ループ レスポンシブを想定して、スマホにも対応するように作ります。 その場合は、YouTubeの「埋め込み…

【サービスを作ろう】はじめてのサーバ 〜VPCについて1〜

こんにちは!ドイです。 GWが終わり、身も心もスッキリしないような。。 ハイテンションな筋トレ動画を見つけたので、運動しつつ調子を戻したいと意気込むこの頃です。 さて、前回の記事ではEC2の立ち上げをしたかと思います。 こちらが前回の記事です。 tec…

Laravel8でLivewireを試してみる:ライフサイクル編

こんにちは、コバヤシです。 今回は前回書いた記事「Laravel8でLivewireを試してみる:実践編」に続いてLivewireのライフサイクルについて書いていきます。 tech.arms-soft.co.jp ライフサイクルとは 簡単に言えば、ライブラリが読み込まれて、すべての処理…

position:fixedで固定した要素を横スクロールさせるJavaScript

こんにちは、ナカムラです。 今回は横スクロールが発生する状態で、pisition:fixed(もしくはabsolute)で位置を固定した要素を追従させるJavaScriptのご紹介をします。 レスポンシブ対応のサイトとはいえ、スマホのサイズから一般的なPCのサイズまで全ての…

感謝!無料&商用可能なフリーアイコンサイト5選

こんにちは、ハヤマです。 デザインを行う上で、情報を直感的に表現したり、装飾のアクセントとして配置したりと活用頻度の高いアイコン。 今回は、汎用性のあるシンプルアイコンやフラットデザインアイコンのほか、ジェネレートタイプやドット絵といった変…