Category : Making

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

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

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

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

戸塚ふみひこ氏webサイト

webサイト情報 URL http://totsuka-fumihiko.com スタイル 堅実・安心 配色 ...

SVGをつかって磐田のゆるキャラ「しっぺい」を書いてみる

今回はSVGをつかって、磐田市のゆるキャラのしっぺいを書いてみようと思います。ベクター画像作成ソフトを使わずに挑戦するというしょうもない企画なので、生暖かく見守...

CSSだけでwebページをスライド表示させてみる

CSSだけでwebページをバウンド表示させる方法(q-az)でバウンドさせているのが衝撃的だったので、他にもできないかとひとまずスライド表示させることを試してみ...

ISC留学net

青と黄を基調とした、シンプルなデザイン。主に閲覧している媒体がスマートフォンなので、レスポンシブに。ちょこっとずつアニメーションを入れている。 ...

メタリック感のあるグラデーションをつくるmixin #mixin #scss

以前にメタリックカラーのグラデーションをつくるという記事を書いてみたところ、おかげさまで今でもアクセスがたまにあったりして意外と需要があるような感じを受けました...

ラインマーカーで線を引いたような効果を与えるmixin #scss #mixin

<strong>などで強調させたいときに使えそうな、ラインマーカーで線を引いたような効果を与えるmixinを作ってみたので紹介します。 ラインマー...

svgを使ってテキストにグラデーションをかけるという小技 #svg

svgも徐々にメジャーになりつつあります。これをうまく駆使すると、今回紹介するようなテキストにグラデーションをかけるといったこともできるようになります。 ...

FontAwesomeを:beforeや:afterなどの擬似要素で使う時のmixin #scss #mixin

scssやcssを作っているとき、FontAwesomeなどのwebアイコンフォントを使いたいときが多々あります。<i>~</i>のよう...