「HTML」に関連する技術ブログ

企業やコミュニティが発信する「HTML」に関連する技術ブログの一覧です。

Improving User Experience with Subtle Scroll Adjustments on HTML Anchor Tags (<a> Tag)

Introduction Hello. I'm Chris, and I do frontend development in the Global Development Division at KINTO Technologies. Today, I will talk about a somewhat common problem in frontend development and how to solve it! The Problem Sometimes you want to use an anchor tag ( tag) to make the user scroll to a specific part of a page like below. You can achieve this by giving an id to the element you want to scroll to and adding href="#{id}" to the tag. <a href="#section-1">

AWS 初学者向けの勉強方法 6 ステップ!2024 年版!

こんにちは、AWS トレーニングデリバリーマネージャー の西村航です。 本記事は 2022 年 4 月に投稿した AWS 初学者向けの勉強方法 6 ステップ!2022 年版! という記事を 2 年ぶりにアップデートした内容になります。投稿してから経過した 2 年間で公開された勉強方法を追記して、一部の勉強方法に関してはリンクの最新化を行いました。 皆さん、もしくは皆さんの周りで

Why is your z-index not working again? 階層は一体どうなっているの?

みなさんこんにちは! ワンキャリアでエンジニアを担当しているコ ショウトウ(GitHub: jamesdongdong )です! 突然ですが、皆さんz-indexを理解できていますか? ご存知の通り、z-indexは要素の重なりの順序を決めるものですが、しばしば意図通りに設定できないことがあります。 皆さんの中にも『あれ、なんでz-indexが効かないんだ』と思っているエンジニアの方がいらっしゃ

22歳になる長寿サービスのUI刷新 ~密結合システムからViewを分離した苦労話~

こんにちは、メールディーラー開発課のUKoniです。 2023年9月のことですが、弊社で開催した 【ラクスMeetUp】持続的改善の実践/UI刷新・SQL改善・EOL対応 で登壇させていただきました。 そこで話した、長寿サービスの密結合システムからViewを分離した話をご紹介します。 発表資料 speakerdeck.com 発表資料 概要 作業内容 1. 旧画面のコードから機能一覧を作成する 2. IDEの機能を

薬急便におけるアクセシビリティへの取り組み

こんにちは、株式会社MG-DXでフロントエンドエンジニアをしています、小林です。 MG-DXでは、医 ...

CSSの進化がすごい!モダンCSS8選

こんにちは! 株式会社ココナラフロントエンド開発グループの雨嶋です。 最近の CSS の進化はすさまじいです。 今までは Javascript 数行で実装していた部分が CSS1 行で済んだりします。 ただ知ってないと使えないので、自分の勉強も兼ねて便利そうな CSS を 8 個選定しました。 大体モダンな CSS を選定したつもりですが、もうモダンではないものもあるかもしれません。

リアルユーザーモニタリングを使用した Amazon CloudFront のパフォーマンステストの準備と実行

このブログ記事は、AWS エンタープライズサポート担当テクニカルアカウントマネージャーの Tanya Pahuja と Sumit Bhardwaj 、および AWS シニアソリューションアーキテクトの Karan Desai によって書かれました。 消費者向けのウェブサイトやモバイルアプリでは、ユーザーの画面にコンテンツが読み込まれるスピードが、ユーザーのブラウジング体験やビジネスの成功に直接影響し

意外と知らないCSSの詳細度

こんにちは! CSSを使っていると、時々うまくスタイルが適用されないことがありますよね。 私もフロントエンドエンジニアとして、日々JavaScriptなどのプログラミング言語で開発を行っていますが、CSSをうまく使いこなせずに困ってしまうことがよくあります。 プログラミング言語には詳しいけれども、HTML/CSSについてはあまり詳しくないまま使ってしまっているエンジ

STUDIO ZOON公式サイトリニューアルとCSSによるインタラクション演出の実装

はじめに マンガIP事業本部でWebフロントエンドの開発をしている岸です。 本記事では、当社が運営す ...

マーケティングを加速させろ!ZOZO Marketing Platform(ZMP)の紹介

こんにちは、MA部の齋藤( @kyoppii13 )です。 ZOZOTOWNでは、プッシュ通知やLINE、メールでのキャンペーン配信を実施しています。キャンペーン配信の例としては、お気に入り商品の在庫数が少なくなったときにプッシュ通知を送るといったものです。LINEやメールといった配信チャネル以外にも、キャンペーンごとにセグメントや実施タイミングも様々で、システムも配信キ

Diversity and Inclusivity in UI/UX Design

Hey there! 👋 We're Az, Moji, and Ai—part of the UI/UX team in the Global Product Management Group at KINTO. Today, let's dive into the fascinating world of diversity and inclusivity in UI/UX design! What Does It Mean to Design for ‘Diversity and Inclusivity’? According to Nielson Norman Group , inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. Okay, let’s dive into some examples to get a better under

Catoからの通知をWebhook機能を利用してSlackで受信してみた

2024年1月の製品アップデート情報にて、Catoからのアラートとシステム通知に関して Webhook を用いて、ServiceNow・Jira・Slack などのサードパーティ プラットフォームにアラートを送信できる機能がリリースされました。 アラートなどの通知が普段利用しているサービスで気づければ便利ですよね。 なので、Catoが提供しているWebhook機能を実際に試していきたいと思います! &nb
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?