コーポレートサイト制作で使えそうなbutton用フレームワーク作ってみました

コーポレートサイト制作で使えそうなbutton用フレームワーク作ってみました

コーポレートサイトでも使いやすいクラスの命名、フラットデザインだけでなく、立体的なデザインもあり、レスポンシブにも対応しやすいようにと心がけて作ってみました。まだまだ改善の余地はありますが、とりあえずお披露目です〜

sass(scss)をgulpでコンパイルすると、charsetが消えてしまう場合の対処法

sass(scss)をgulpでコンパイルすると、charsetが消えてしまう場合の対処法

sass(scss)をgulpでコンパイルすると、charsetが消えてしまうという現象にはまりました。いろいろ調べてみたけど、それらしい原因を見つけることができませんでした。誰か教えて下さい。。。

とはいえ、[@charset “utf-8”;]は表示させたいんですよね。ってことで今回は対処法をまとめます。

cssのz-indexの重なり順で困ったときにしてみたこと

css z-index

z-index設定したけど変なところで他のコンテンツが重なって見えなくなる!!とか、こんな経験ないですか?それってz-index戦争起きていませんか?今回は、僕がz-index戦争が起きなければいいな〜と思いから対応した内容をまとめます。きっともっといい方法をあると思うので、こんな風にやるやつもいるのか程度で見ていただけると嬉しいです。

CSSだけでできちゃう!overflow:scroll;を使った簡単なスライダー

CSSだけでできちゃう!overflow:scroll;を使った簡単なスライダー

今回はcssのoverflow:scroll;を使って簡単なスライダーを紹介します。Spotlightとかグノシー(アプリ)でも使われていますね。
iPhoneでは全く問題なく動きますし、Androidでも何機種かは確認できましたがちゃんと動きます。(動かない端末もあるかもですが・・・。検証しきれていません。すいません。)

ページの先頭へ