発行
開閉状態を表すアイコンの設定と、JavaScriptを用いた開閉機能を実装します。開閉自体はシンプルなものですが、aria-expanded属性の値に注意しましょう。
フローチャート、家系図、QRコード、アクセスマップの代替テキストを考えます。悩みがちな画像ですが、事例に沿って解説しますので、実務でのヒントとして使ってください。
CSS Gridを使って、メインコンテンツのレイアウトをします。列の幅の取り方や、列の間隔の調整を覚えます。また、カラム落ちした際の要素間の余白を整える方法も解説します。
発行
JavaScriptからユーザーのクリップボードへアクセスするクリップボードAPIを取り上げます。ユーザーデーターにアクセスできるため、セキュリティにも配慮された仕様になっています。
今回はCSS変数を計算式の値として利用したり、入れ子にして使用する方法を紹介します。一見すると複雑そうに見えますが、CSS変数の値がどのように利用され、適用されているかをていねいに追えば大丈夫です。
Web制作／開発の仕事の値段のつけ方を考えていきます。今回は発注者が「値段」をどう考えているかということに注目します。
発行
デザイナーとして入社し、現在、UIデザイナーへ向けて研鑽を積んでいる近藤。前職は大手アパレルの店舗で、販売の中核を担っていた近藤が、なぜ転職に動いていったか、その道のりを聞きました。
フォーカスリングと選択ノードのスタイルの指定と、それに伴うHTMLの調整を行います。スタイルに関わるJavaScript部分も作成しましょう。
今回はバナー類と、グラフ類の代替テキストについて考えます。グラフ類は特に代替テキストが長めになる傾向がありますが、その調整についても考えます。
発行
CSS変数を使った実装のアイデアを紹介します。第1回では、CSS変数で指定した値をどんなふうに利用できるのかにフォーカスします。CSS変数を使うと通常はできなかった値の使い回しが可能になることがわかります。
変更箇所をいくつかのコミットに分けて、コミットの粒度を整えるのに、必要なステージングと、いったんコミットをした後に、コミットを修正するリセットを解説します。
フリマサイトにもWeb制作にも、値段というものは、「相場」が存在します。しかし、ことWeb制作に関しては、それにばかり囚われていると、うまく値段を考えられなくなるかもしれません。