7-054

株式会社YUIDEAで働く、マークアップエンジニア時々Webディレクター。インドア派で…

デザイン＆エンジニアリング

34本

YUIDEAのデザイナー・エンジニアによる共同マガジンです。クリエイティブの考え方、ノウハウ、制作ストーリーなど発信していきます。

アクセシビリティ対策用カンニングコード

以前ポストした「コーディング視点からの、ウェブアクセシビリティ対応」を基に、実際どう組んでいたか、（自分が）特に忘れやすい部分を思い出すため用のカンニングコードをまとめてみました。フォントの相対指定直観的に記述するなら、ベースとなるサイズ指定の時点で10px相当のサイズを指定し、rem指定で調節。 /* CSS */html { font-size: 62.5%;}/* 10px = 16px * 0.625 *//* 以降 10px = 1rem *//* 14px

納品前チェック項目のアレやコレ

最近チェックシートを見直すことがあったので「これ忘れっぽいよなー」とか「これ後回しにしがち」とか、作業している中で割と遭遇する出来事の掘り起こし。主にソースコード関連titleタグ、descriptionタグの記述内容コーディング作業期間中はコンテンツ部分に集中しているので、それ以外の部分は「落ち着いてから」と結構後に回されがちです。特にdescriptionは、作業途中に内容決定することが多々あり、コーディング難度の高いページの作業後などは、燃え尽き気味でよく忘れ

7-054

2か月前

12
コーディング視点からの、ウェブアクセシビリティ対応

ウェブアクセシビリティについて、コーディングするときに実際に意識した点、体感した点を以下に覚書。 HTML構造アクセシビリティのみならずSEO的にも必ず意識する、基本中の基本要素。デザインにもよるが、構成は以下の流れを踏襲。 header navigation main-contents footer 一通りコーディングが完了したら、バリデータにかけてエラーをつぶす。ブロックスキップの追加スクリーンリーダー使用するユーザー等に対して、「本文へ」といったメ

7-054

5か月前

9
おたメシ5

スキレットを使ってアヒージョを作る。具材コンビーフカマンベールチーズ長ネギオリーブオイル全部適量使った道具スキレットガスコンロ手順長ネギを短め（1センチ程度）と長め（2センチ程度）に小口切りスキレットに、短めに切った長ネギを中央に敷き、上にカマンベールチーズをのせる周りに長めのネギを敷き詰めるコンビーフを隙間を埋めるように散らすオリーブオイルをネギが半分浸るくらいまで入れる長ネギがクタクタになるくらいまで煮たら完成風味付

7-054

1年前

2