タグ

2015年1月29日のブックマーク (3件)

  • SassでCompassのWindows -31Jエラーが出たときの対応(Ruby 2.0向けかも) – SSSSSN

    数時間悩んでシステムの友達とSkypeしながらようやくCompassがエラーを吐かなくなりました。 Sassでfont familyなどに日語が入っているとWindowdでは --------------------------- Encoding::UndefinedConversionError on line [“654”] of C: “\xEF\xBC” from Windows -31J to UTF-8 --------------------------- 的なエラーが出るようです。 色々なサイトを見てみると、コマンドプロンプトで set RUBYOPT=-EUTF-8 と打てば解決といった人もいますが、自分はなぜか解決せず(知識ないせいでもある) 次に、システム環境変数のLANGを修正すればいいのだ!という記事を見つけたので試す。 システム環境変数は コンパネで環境変数

  • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

    最近改めて CSS の基、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基が分かってなかったんだなーと反省 ...。今回は CSS の基中の基、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で

  • 背景画像をアニメーションで自動切換 フェード・スライド/bgswitcher

    上記がその過去記事の一部です。メインコンテンツとして大きめのバナー等を動きを付けて複数のバナーを配置・見せることが出来るネットショップ等でもよく使われている見せ方だと思います。 日も、画像を切り替えてくれるjQueryプラグインを紹介しますが、今までのと違うのは「背景画像」を切り替えるという点です。背景画像をフェード、スライドさせながらスライドショー的に動かすことで、少し変わった見せ方ができるようになります。 背景画像をフェード・スライドなどで切り替え出来る「jquery-bgswitcher」背景画像を自動的に切り替えたいという要望はありそうなのと面白そうだったので紹介したいと思います。記述も比較的簡単なので簡単に実装できそうです。背景画像の動かし方としてフェード、スライドといったアニメーションの指定も可能ですし、工夫次第では色々な見せ方を実装することが出来るのではないでしょうか。 j

    背景画像をアニメーションで自動切換 フェード・スライド/bgswitcher