マガジンのカバー画像

技術系

19
日々のお仕事中に調べたこと。 WebのフロントエンドやCMSが中心。
運営しているクリエイター

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

もっとみる