マガジンのカバー画像

このデザインどうマークアップする?

5
僕が書いたHTML/CSSのコードを皆さんに見てもらって、改善出来る箇所を見つけたりナレッジの共有をします! マークアップエンジニアやフロントエンドエンジニア、デザイナーだけどマ… もっと読む
運営しているクリエイター

2020年8月の記事一覧

Google マテリアルデザインに学ぶテキストフィールドの実装方法

僕が書いたHTML/CSSのコードを皆さんに見てもらって、改善出来る箇所を見つけたりナレッジの共有をする「このデザインどうマークアップする?」シリーズの第三弾です! このデザインどうマークアップする? 早速ですが、このデザインどうやってマークアップしますか? このデザインに見覚えのある方もいるかと思います。 そうです。Google マテリアルデザインのテキストフィールドです。 今回は第一弾、第二弾とは趣向を変えて、既に実装されているものを自分なりの方法で実装し直してみま

投稿カードのUXを良くするための工夫

僕が書いたHTML/CSSのコードを皆さんに見てもらって、改善できる箇所を見つけたりナレッジの共有をする「このデザインどうマークアップする?」シリーズの第二弾です! このデザインどうマークアップする? 早速ですが、このデザインどうやってマークアップしますか? 仕様としては「CSS」や「HTML」ラベルをクリックするとカテゴリーページに飛び、画像やタイトルをクリックすると詳細画面に飛ぶというよくある投稿カードです! 僕の場合このようにマークアップします。 正しい文章構成を

投稿リストのマークアップをする時に気を付けている4つのこと

マークアップって開発環境とかJSとかに比べてアップデートする頻度が低くないですか?でも、CSSやらHTMLも進化してますよね。 そこで、僕が書いたHTML/CSSのコードを皆さんに見てもらって、改善できる箇所を見つけたり、ナレッジの共有ができればと思い「このデザインどうマークアップする?」シリーズを始めました! マークアップエンジニアやフロントエンドエンジニア、デザイナーだけどマークアップ業務もしているという方に読んで頂けると嬉しいです。 僕がマークアップする時に気を付け