ワンポイントに使えるCSS3マウスオーバーアニメーション5種
Posted: 2013.10.30 / Category: HTML&CSS / Tag: CSS3
ちょっとしたワンポイントに使えそうなCSS3オンリーのマウスオーバーアニメーションです。
IEは10以上で動きます。
HTML&CSS
SASS/SCSSで基本カラーを設定して効率よくカラーバリエーションを作成する
Posted: 2013.06.27 / Category: HTML&CSS / Tag: SASS
SASS/SCSSには様々なカラーコントロール機能がありまして、この機能を利用すればカラーバリエーションの作成やカラー修正など効率的に行うことができますよ。
WindowsにCompassをインストールしてSASS/SCSS環境を構築する
Posted: 2013.04.12 / Category: HTML&CSS, 開発環境 / Tag: SASS
今更ではありますがWindowsにCompassをインストールしてSASS/SCSSの開発環境を構築してみたいと思います。
CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える
Posted: 2012.11.09 / Category: HTML&CSS, javascript / Tag: jQuery, レスポンシブ
グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。
そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。
ソースコードで面白いことしているサイトまとめ
Posted: 2012.05.02 / Category: HTML&CSS
誰得感が高いですが、ゴールデンウィークなのでゆるめのエントリーでお送りします。
LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利
Posted: 2012.04.17 / Category: HTML&CSS / Tag: LESS
LESSにはMixinという複数のプロパティをまとめる機能があります。
例えばcss3のベンダープレフィックスなど設定しておけば、あとで１行で呼び出すことができます。
で、実際作成するにあたり一から作るより Twitter Bootstrap を利用すれば、よく使いそうな機能があらかじめまとまってるのでいいかもしれないです。
CSS+jQueryで左右別々の背景にする
Posted: 2012.01.12 / Category: HTML&CSS, javascript / Tag: jQuery
センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。