2019年4月の記事一覧
サイトの文字サイズを変更するボタンの作り方
間違ったWebアクセシビリティとして名高い、文字サイズ変更ボタンの作り方です。ぜひ滅ぼしましょう。
完成形
HTML文字サイズ<button class="size-button" data-font="12">小</button><button class="size-button active" data-font="16">中</button><button class="size-bu
Web2.0っぽいボタンをCSSで作る
10年前に流行っていた、光沢+グラデーションで装飾されたリッチなボタンを作るというお仕事がきたので、CSSで実現してみました。
完成形
HTML<a href="#" class="c-button"><span>最先端のボタンデザイン</span></a>
文字をspanタグで囲まなくてはいけなかったところに、技術的な敗北感を感じています。悔しい。
CSS(Sass).c-button