はてなブックマーク

WordPress.com(ブログサービスのほう)のCSSエディターがSass・Lessに対応したようです。 WordPress.comの機能はパッケージ型のWordPressでもJetpackプラグインにより提供されているので早速試してみました。 とりあえずプラグインをインストール。 1. プラグインからJetpack by WordPress.comをインストール。 2. WordPress.comのアカウントが必要なので登録しアカウント認証。 インストールと認証が完了するとJetPackのメニューが現れます。 JetPackのメニューからカスタムCSSを選択。 もしくは、「外観」から追加された「CSS編集」。 CSSスタイルシートエディター画面にいきます。 この「カスタムCSS」とは、テーマのstyle.cssとは別のCSSで、 テーマのCSSをいじらずに外観を編集する際に使用します

Macでローカルにバーチャルホストを設定するならMAMP PROで瞬殺で設定すればいいのですが、 クライアントのサーバーに仮想でドメインに割り当てる時なんてhostsファイルを編集しないといけない。 ターミナルからviで編集するのは正直得意じゃないし、 隠しファイルを表示してprivate/etc/hostsを編集するのもパーミッション云々面倒ですし。 なにかGUIで無いかなーと探してみました。 Macで定番の「Hoster」は起動しないと設定が生きないので、 常時書き換えてくれて、かつ簡単にオン・オフできてらいいなと。 で「Hosts」に辿り着きました。 正式には「Hosts.prefpane」という名の如く、 アプリケーションというより環境設定ファイルです。 システム環境設定＞その他 にアイコンがあるのでそこから編集します。 管理者権限は必要なので、左下の鍵をクリックしパスワードを入力

LiveReloadはhtmlやcssを保存した時に自動でブラウザをオートリロードしてくれるソフトです。 MacではSassなどのコンパイラーとしてわりとメジャーなソフトなのですが、Win版もあります。 以前のバージョンでは当方環境のWindows7(64bit)ではうまく動かず一旦アンイストールしていたのですが、先日アップデートがありWindows版は大幅なUI変更が行われました。 なので試しにインストールしなおしたら、問題なく動作し快適です。これは捗ります。 WindowsにはこういったオートリロードのGUIツールが無かったので愛用しそうです。導入も簡単。LIVERELOAD Windows版は現在アルファバージョンで今のところ無料で使えます。 ダウンロードはこちらから「On Windows:」の「Download an alpha version」で。 以前はMac版のようなUIだっ

インプレスさんから、 「Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ」 が2017年9月15日に発売されました。タイトル通りピンクのSass本の改訂版で、前回と同じくの平澤隆さんと共著です。 続きを読む Web制作者のためのSassの教科書 改訂2版が発売されました。