Agnist.code
Menu
  • Category
    • HTML5/CSS3
    • iPhone
    • Android
    • SmartPhone
    • WordPress
      • WordPressテーマカスタマイズ
      • WordPressトラブルシューティング
      • WordPressノウハウ
    • MovableType
    • 運用
  • About
現場のWeb制作ノウハウ集積所
Browse: Home » sass
画像の「DataURI」をCompassで一発生成してHTTPリクエストを削減する

画像の「DataURI」をCompassで一発生成してHTTPリクエストを削減する

2014年3月20日 · by KaBuKi · in HTML5/CSS3

以前もDataURIについて書きましたが、Compassの関数一つで画像のDataURIを生成できると気づき、フロントデザイナーが扱う分にはこれが現状最適解に思えたのでメモします。 下記の記述だけで画像の参照パスだけ変え…

CompassでCSSスプライトを作るテンプレ

CompassでCSSスプライトを作るテンプレ

2013年12月16日 · by KaBuKi · in HTML5/CSS3

前提 フォルダ構成は下記を前提。 root ├css ├sass ├img │└icon │ ├画像.png │ ├画像.png │ ├… └config.rb config.rb 内の images_dir は img…

Gruntを導入した

Gruntを導入した

2013年12月4日 · by KaBuKi · in 運用

友人超推しの自動化環境Gruntを導入してみた。 http://kojika17.com/2013/03/grunt.js-memo.html こちらでGruntインストールと自動実行などの基礎。 http://www….

Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング

Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング

2013年11月15日 · by KaBuKi · in HTML5/CSS3

昨今注目度も高まっているSassを、最も簡単に使えるコンパイラ「Prepros」と、個人的に最近お気に入りのCSSフレームワーク「Gumby」を広めたくて書きます。 SassやCSSフレームワークとか、ちょっと二の足踏ん…

WebStormを使う:Sassの利用編

WebStormを使う:Sassの利用編

2013年10月24日 · by KaBuKi · in 運用

さて前回の記事でWebStormのインストールを終えましたが、やはりSassコンパイルもWebStormでまとめてしまいたいなーと思ったので、Sassを扱えるようにしました。 PreprosなどPCにRuby、Sassを…

Sass を Win + Dreamweaver 環境で使えるようにする

Sass を Win + Dreamweaver 環境で使えるようにする

2013年1月10日 · by KaBuKi · in HTML5/CSS3

Win+Dreamweaver(以下DW)環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。 Scoutのインスト…

タグクラウド

css sass javascript ios dreamweaver retina リダイレクト compass bootstrap movabletype 最適化 ミニファイ 高速化 tag wp super cache 環境変数 チューニング タグ get_tag gzip WebStorm ipad itunes buddypress css3 会員ページ transitions パフォーマンス 軽量化 jquery プラグイン casestudy scout reject ui タイムアウト スマホ jquerymobile キャッシュ develop iphone wordpress redirection twitconnect 検索

Copyright © 2023 Agnist.code / Webmaster KaBuKi