Category : 作ったもの

【CSS】グラデーションで色々なタイプの金色グラデーションを作る

うちのブログでPV数が多いのが、【CSS】CSSのグラデーションを使ってメタリック感を出すメモです。この記事を書いたのが2014年7月。あれからだいぶ時間も経っ...

【mixin】色相を変えてグラデーションを鮮やかにしたボタンを作るmixin

色相を変えてグラデーションを鮮やかにしたボタンを作って、マテリアルデザインに合うようなelevation(高度)を設定したものを作るmixinです。 参考...

【CSS】文字のスクロール<marquee>をCSSアニメーションで実装する

前回の<blink>と同様に、i-mode全盛期くらいまで大活躍していたのが、文字のスクロールをさせる<marquee>です。これも&l...

【CSS】点滅させる<blink>をCSSアニメーションで実装する

i-mode全盛期には多かった<blink>を使った文字の点滅。 <blink>が非推奨になった後、廃止されたので、使いたいときが出て...

【2018年版】media queryにおけるBreakPointの設定をmixinにする

2016年にあらかじめブレイクポイントごとのmixinがあると便利なはず!と思い、Breakpointに関するmixinを作りました。が、あれから2年たってみて...

【mixin】テキストリンクの色を一括指定するmixin その2

リンクカラーを一括指定するmixinその2です。前回は「adjust-hueを使いたい!」という気持ちが強かったと記憶していますが、それに比べると今回はだいぶス...

【mixin】レスポンシブに対応したフォントサイズのmixin

レスポンシブサイトを作ってると、PC・スマホ間のことで意外と困るのがフォントサイズ。PC版に合わせようかスマホ版に合わせようか悩みます。 スマホ版に合わせても...