とま

小さい制作チームでいろいろやってます。

とま

小さい制作チームでいろいろやってます。
  • 固定された記事

ウェブアクセシビリティの第一歩を踏み出したいエンジニア・デザイナー・ディレクター仲間へ

はじめに🐤私は現在、アクセシビリティについて勉強中です。インターネットやデジタル技術の発展により、私たちの生活は大きく変化しましたが、その恩恵を十分に享受できないユーザーがいることを知り、ウェブアクセシビリティの重要性を強く認識するようになりました。 この記事では、アクセシビリティの基礎知識から実践的な手法、社内での取り組み方まで調査した結果をシェアします。 次にウェブアクセシビリティを学び始める方の助けになりますように。 1. アクセシビリティの基礎知識📝1-1. アク

とま

    • これから来るInverted Border Radius Cards -デザイン例・デザイン作成方法・code例

      はじめまして。とま（@bath_ito）と申します。 本記事では個人的にこれからUIデザインの密かなトレンドになるのでは、と思っているInverted Border Radius Cardsについて紹介します。 Inverted Border Radius Cardsという名称はおそらく一般的なものではないので、正式名称をご存じの方は本記事またはXにてコメントいただけますと幸いです。 私がここで紹介するInverted Border Radius Cardsがどのようなも

      とま

      • ウェブサイト制作におけるローカルストレージ、セッションストレージ、クッキーの使い分け（使用する場面、判断基準も）

        🐤はじめにウェブ制作において、データベースに保存せずにデータを保持する方法として、ローカルストレージ、セッションストレージ、クッキーの3つの選択肢があります。 それぞれに特徴があり、適切な使用場面が異なります。 過去案件で使用したので、それぞれ下記を整理します。 本記事の対象者は、ウェブ制作に関わる方（ウェブデザイナー、ウェブディレクターなど）を想定しています。 各用語の概要まずはじめに、各用語の概要をざっくり把握します。 🗃️ローカルストレージ（localStrage

        とま

        • noteで使用可能な絵文字(Emoji)を整理しました

          見出しなどで絵文字を使う際、「windows + .(ドット)」から選ぶのが面倒だったので、一覧化しました。 ほぼ自分用です。 表情😀😃😄😁😆🥹😅😂🤣🥲☺😊😇🙂🙃😉😌😍🥰😘😗😙😚😋😛😝😜🤪🤨🧐🤓😎🥸🤩🥳🙂‍↕😏😒🙂‍↔😞😔😟😕🙁☹😣😖😫😩🥺😢😭😤😠😡🤬🤯😳🥵🥶😶‍🌫😱😨😰😥😓🤗🤔🫣🤭🫢🫡🤫🫠🤥😶🫥😐🫤😑🫨😬🙄😯😦😧😮😲🥱😴🤤😪😮‍💨😵😵‍💫🤐🥴🤢🤮🤧😷🤒🤕🤑🤠 人以外😈👿👹👺🤡💩👻💀☠👽👾🤖 😺😸😹😻😼😽🙀😿😾🙈🙉🙊 手・足🫶🤲👐🙌👏🤝👍👎👊✊🤛🤜🫷🫸🤞✌🫰🤟🤘👌🤌🤏🫳

          とま
        • 固定された記事

        ウェブアクセシビリティの第一歩を踏み出したいエンジニア・デザイナー・ディレクター仲間へ

        とま

        • これから来るInverted Border Radius Cards -デザイン例・デザイン作成方法・code例

          とま

        • ウェブサイト制作におけるローカルストレージ、セッションストレージ、クッキーの使い分け（使用する場面、判断基準も）

          とま

        • noteで使用可能な絵文字(Emoji)を整理しました

          とま

          モバイル版ウェブデザインのトレンド？：画面下部のグローバルナビゲーション集めてみた

          はじめに最近、モバイル版のUIデザインを見ていて、画面下にハンバーガーメニューのあるウェブサイトが少し増えてきたように感じました（気のせいかもしれませんが…😅） よくあるボトムナビゲーションではなく、90%以上のウェブサイトで画面の右上に見かけるハンバーガーメニューが下にあったため気になりました。そこで、最近見つけた画面下にハンバーガーメニュー（グローバルナビゲーション）があるウェブサイトをシェアします。 モバイル画面での操作しやすい範囲とは📱モバイルデバイスのサイズが変

          とま

          モバイル版ウェブデザインのトレンド？：画面下部のグローバルナビゲーション集めてみた

          とま

          ウェブサイト制作時の他社事例調査の項目をまとめてみました（競合他社調査の実践記録）

          はじめまして。とま（@bath_ito）と申します。 本記事は、ウェブサイト制作における他社事例調査の項目についての備忘録です。 対象としている方は以下の通りです。 これからウェブサイトを制作・リニューアルする予定の企業や個人 フリーランスやウェブ制作会社のウェブデザイナー マーケティング担当者 みなさんの競合他社事例調査の一助となれますように。 👉ウェブサイト制作における他社事例調査の重要性まずはじめに他社事例調査がウェブサイト制作における重要な工程であることを

          とま

          ウェブサイト制作時の他社事例調査の項目をまとめてみました（競合他社調査の実践記録）

          とま

          CMSのテストケースを作成する時の、観点まとめ（web制作でCMSを導入する時のテスト項目備忘録）

          はじめまして。とま（@bath_ito）と申します。 本記事は、webサイト制作におけるCMSテストケース作成のポイントや観点についての備忘録です。 対象はweb制作プロジェクトで、 CMSテストケース作成をする方 CMSテスト仕様書のレビューをする方 フリーランスや副業などでCMSを用いた案件をテストを1人で行う方 などweb制作でCMS導入に携わる方です。 みなさんのテストケース作成が1分でも早く終わる助けとなりますように。 テストケースに必ず記載することまず

          とま

          CMSのテストケースを作成する時の、観点まとめ（web制作でCMSを導入する時のテスト項目備忘録）

          とま

          さくっと複数ページの画面全体スクリーンショットを自動取得したい

          はじめまして。とま（@bath_ito）と申します。 みなさんはwebサイト制作における実装指示書作成や表示テスト、個人の趣味などで、webサイトのスクリーンショットを大量に撮る時がありますよね（あまり無いですね） そんなときに誰かの仕事が1分でも早く終わる助けになりますように。 URLリストの全ページの自動SS取得CLIを使用します。 Pythonを入れていなければinstall※install時、「Add Python to PATH」のチェックを入れ忘れないこと

          とま

          さくっと複数ページの画面全体スクリーンショットを自動取得したい

          とま