一見シンプルでも、バグは潜んでいる…… 「0.1 + 0.2」という簡単な小数の足し算をしてみましょう。 疑う余地なく、答えは「0.3」 ですよね。 ただ、JavaScript で計算してみると、以下のような結果に……。 […]

「+（プラス）」「-（マイナス）」ボタンを使って数量を変更する方法は、ECサイトなどでよく見かけると思います。 今回は、この「+（プラス）」「-（マイナス）」ボタンをJavaScriptで実装する方法を紹介します。 完成 […]

20周年特設サイトに込められた表現を、技術で支える トリニティ株式会社様の創立20周年を記念した特設ページにおいて、インタラクションやアニメーションのフロントエンド実装を担当しました。 デザインはデザイアドライン株式会社 […]

WebサイトのSEO対策と聞くと、キーワードや内部リンクが思い浮かぶかもしれません。でも実は、「正しいレイアウト構成」もとても大事なのです。検索エンジンがスムーズに内容を理解でき、なおかつユーザーがストレスなく読める構造 […]

:emptyとは？ :emptyはCSSの疑似クラスで、要素の中身が何もない場合に適用できます。 :emptyの指定方法 要素:empty {プロパティ: 値;} :emptyの応用例 ① リストの空白要素を非表示にする […]

この「今あるWebサイトを改善する」シリーズでは、HTMLとCSSを使ってこれまでのWebサイトからデザインを変更する方法と、その重要性について解説しています。 Webサイトを運営していると、長いURLやテキストリンクが […]

前回の「:nth-child() の “of S” 構文で、細かく要素を指定する方法①」では、:nth-child() の “of S” 構文とは何かを紹介しました。続いて […]

今回は、:nth-child() や :nth-of-type() より細かい指定ができる:nth-child() の “of S” 構文を使う方法を紹介します。 :nth-child()とは ま […]