A Studio That Engaged in All Aspects of Creative Work for Branding.
SHIFTBRAIN inc.
A Studio That Engaged in All Aspects of Creative Work for Branding.
terkel.jp
このブログを始めた理由がどんなものだったか、もう忘れてしまった。これまでブログのおかげで知り合った人もいれば得られた仕事もあり、そのことをありがたく思ってもいるが、かといってそれが目的だったわけではない。誰かの役に立ちたいなどと殊勝なことを考えたわけでもないし、とりたてて世に問いたい主張があったわけでもない。そもそも何か月もなにも書かずに放っておくことも珍しくなく、熱心に取り組んでいるとはとても言えない。 それでも僕はこのブログを手放すつもりはない。ここで僕は誰にも指図されず自由にものを書ける。その自由が自分にはあるのだと思うと、なかなか悪くない気分になる。ここはそういう場所だ。 最新の投稿 rlh単位 2023/12/23 いまのところとてもいい 2023/04/29 千駄木から金沢へ 2023/02/02 ナンバー・ナイン 2022/12/25 2020年版テーマ 2022/12/19
Sass の @extend はどこがすごいのか
この記事では Less & Sass Advent calendar 2011 の 16 日目として、Sass の @extend 機能について書いてみます。が、諸事情により締め切りを過ぎてからあわてて書いており、かなりとっ散らかったものになるであろうことをあらかじめお断りしておきます。 さて、まずは @extend の基本的な機能についてざっとおさらい。@extend される側として一連のスタイルを定義したセレクタがあり、そのセレクタを @extend で継承しつつプロパティを追加したりして、新しいセレクタを作ります: // SCSS // 継承元のセレクタ .button { display: inline-block; border: 1px solid gray; background-color: silver; &:hover { border-color: black; }
【便利ツール】Emmet LiveStyle(Beta)で、ブラウザ・エディタ間のリアルタイム・スタイル反映を試す。 | DevelopersIO
以前、ブログでEmmetをご紹介いたしましたが、またまたEmmetが良さげなツールを開発中です。 現在はまだベータ版ですが公開されていたので一連の流れを試してみました。 アジェンダ Emmet LiveStyleとは？ 環境設定 動作確認 SCSS(Sass)・LESS等のメタ言語の対応は？ Emmet LiveStyleとは？ ブラウザとエディタ間のスタイルをリアルタイムで確認・編集ができるツールみたいです。現在公式サイトでデモ用の動画を確認できます。 環境設定 Emmet LiveStyle を確認するには、設定が必要なので動作確認ができるまでの設定をご紹介します。 今回の動作検証環境 Windows7 chrome Sublime Text 2 Sublime Text の設定 Sublime Text 側でパッケージのインストール Sublime Textを開き、[Ctrl] +
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
