文字の下線をスタイル調整するCSSプロパティ

こんにちは、ナカムラです。 最近関わった案件で文字に下線が引かれたデザインが多かったので、今回は下線のスタイルを調整するときに使うCSSプロパティをご紹介したいと思います。 DEMO See the Pen CSSで文字の下線をスタイル調整する by Nakamura (@takay…

PC・スマホでSwiperを実装・解除する判定をするJSを作ろう!

こんにちは、ユアサです。 以前業務でSwiperを使ったスライダーをスマホ表示時に解除してカラム表示にすることがあったので、今回はPC・スマホそれぞれのウィンドウ幅の可変で都度Swiperを実装・解除する方法について備忘録の意味も込めて書きまとめたいと思…

和文フォント検索が自由自在!約300種のフリーフォントが一覧できるサイト「モジザイ」

こんにちは、ハヤマです。 今回は、和文のフリーフォント探しに便利なサイトをご紹介します。 モジザイ 「モジザイ」は、和文のフリーフォントを書体の種類やスタイルから連想するイメージワードをもとに約300種類の中から検索できるサイトです。 www.mojiza…

CSSだけでグラフ上に文字を表示する円グラフを作る

こんにちは、ナカムラです。 今回はCSSだけで円グラフを作ってみたいと思います。 文字を配置するにあたり、CSSの三角関数cos()・sin()を使用します。 グラフを作るというよりまだ使ったことがなかったので、三角関数を使うというのが今回のテーマになります…

Laravel11の変更点を見てみる

こんにちは、コバヤシです。 今回はLaravelの次期バージョンであるLaravel11の新機能を見てみたいと思います。 Laravel11のリリース時期 laravel11は2024/2/6にリリースされることがアナウンスされていましたが、 この記事を書いている2024/2/10時点では、ま…

【SQL】データサイエンス100本ノック(構造化データ加工編)に挑戦!!41〜45

こんにちは、ドイです! 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-041: レシート明細データ(receipt)の売上金額(amount)を日付(sales_ymd)ごとに集計し、前回売上があった日からの売上金…

CSSだけで角が欠けたデザインを表現しよう!

こんにちは、ユアサです。 弊社の案件で要素の角が欠けている(ベベルのある)デザインをコーディングする機会がありましたので、今回はその備忘録も兼ねてまとめていきたいと思います。 どのように作成すればいいのかさっぱり分からなかったので、こちらの…

SEO対策にも!画像ファイルフォーマット「WebP(ウェッピー)」

こんにちは、ハヤマです。 今回は、比較的新しい画像ファイルのフォーマット「WebP(ウェッピー)」について紹介したいと思います。 WebP(ウェッピー)とは 2010年に米Googleが開発した画像ファイルのフォーマットのことで、ファイルの拡張子は「.webp」で…

GSAPのtimelineアニメーションを逆再生する

こんにちは、ナカムラです。 以前の記事でtimelineをスキップするメソッドをご紹介しました。 tech.arms-soft.co.jp 今回は逆再生をしてみたいと思います。 DEMO See the Pen GSAPのtimelineアニメーションを逆再生する by Nakamura (@takayo-nakamura) on C…

2024年-PHPフレームワーク トレンド予測

こんにちは、コバヤシです。 今回は、2023のPHPフレームワークのトレンド比較を元に、2024年のトレンドを予測してみたいと思います。 以前のトレンド比較はこちら tech.arms-soft.co.jp tech.arms-soft.co.jp 期間は5年間、比較するフレームワークは以下のも…