Know-how 日頃クライアントワークを行っているディレクターが、自社コーポレートサイトリニューアルを担当して学んだこと
明けましておめでとうございます!今年もどうぞよろしくお願いいたします。 2013 年は、26 年ぶりに 4 つ全ての数字が異なっているみたいですね。みなさんどのようなお正月をお過ごしでしょうか。私は寝正月を大満喫しました。 さて、Windows でも Mac でも Sass + Compass 環境ならば config.rb で設定が書けるので、今日はそれについて。「Sass とは何か?」「Compass とは何か?」は省きます。インストールから設定、楽して監視開始、あたりを。 Sass + Compass を使うには? まず基本のとこから一応さらっと! 最近は簡単な方法もたくさん出ていますが、地道にやるならば Ruby(と RubyGems)を入れて、Sass と Compass を入れて、となります。 Ruby + RubyGem インストール Windows だったら RubyFor
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
RubyInstaller 3.3.0-1 released RubyInstaller-3.3.0-1 has been released! It features a whole bunch of great new features and improvements. See the ruby-3.3.0 release post and the RubyInstaller-CHANGELOG for more details. 2023-12-26 RubyInstaller 3.2.2-1, 3.1.4-1, 3.0.6-1 and 2.7.8-1 released RubyInstaller versions 3.2.2-1, 3.1.4-1, 3.0.6-1 and 2.7.8-1 are released. These are maintenance releases wi
今回は、Gruntを使ってSassをコンパイルしてみます。Gruntのインストールについては、こちらの記事で紹介してくれてるのこちらをご覧ください。Sassの記法には、SCSS記法とSASS記法の2種類がありますが、今回はSCSS記法のみ対応になります。 ※Sass・Compassはインストールされているものとします。 Gruntで処理したいこと Gruntには、SassとCompassをコンパイルする以外にも様々な便利機能があります。 今回、下記の機能も使ってみたいと思います。 Sassファイルをコンパイルする livereloadでSassファイルが更新されたらブラウザをリロードさせる バラバラに記述されたメディアクエリをまとめる CSSのプロパティの順番を揃える フォルダ構成 フォルダ構成については下記の通りです。 project ├css (CSSの出力先) ├sass │└sty
2016.05.31:2016年5月31日(火)をもってサービスは終了いたしました。 2014.03.05:2014年3月27日(木)18:30よりタワーレコード仙台パルコ店にて「TOZAI-SEN APPLICATION スペシャルトーク&ライブ・リリースイベント開催」 2015年に開業予定の仙台市地下鉄東西線。 沿線のまちづくりには市民、事業者、行政などたくさんの想いをともにした市民恊働が求められています。 この2つのアプリは、東北出身もしくは仙台に縁のあるクリエイターたちと共に、震災を乗り越えた東西線の軌跡をPR。 さらに、クリエイターやミュージシャンとのコラボレーションによって、 仙台の新しいまちづくりの可能性を多くの人に感じてもらうのが狙いです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く